Skip to content

Latest commit

 

History

History
162 lines (104 loc) · 4.2 KB

README.md

File metadata and controls

162 lines (104 loc) · 4.2 KB

Logo

Cats

Pinterest Cats
Clone do Pinterest com rolagem infinita, usando a API "The Cat API" para exibir imagens adoráveis de gatos.

-----------------------------------------------------

🧩 Introdução    |    🚀 Resultados   |    🧪 Dependências   |    💡 Possíveis Melhorias    |    🏆 Créditos       


🚧 PROJETO EM ANDAMENTO 🚧


🧩 Introdução

⠀⠀⠀⠀Desenvolvi um site com design similar ao Pinterest, com recursos de rolagem infinita, utilizando a API "The Cat API". Este site permite aos usuários explorar uma variedade de imagens adoráveis de gatos, organizadas em um layout limpo e fácil de navegar. Experimente agora e deixe-se encantar pela fofura dos gatinhos!


🚀 Resultados

Todos os resultados foram alcançados com sucesso. De modo geral são esses os resultados.


Home
image

🧪 Dependências

Requisitos para rotar o codigo...


📖 Scripts

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }

📖 Dependencies

  "dependencies": {
    "axios": "^0.27.2",
    "next": "12.2.5",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "sass": "^1.54.6"
      }

📖 devDependencies

      "devDependencies": {
            "eslint": "8.22.0",
            "eslint-config-next": "12.2.5"
      }

📖 Instalação


Caso tenha Git basta da git clone, caso não tenha baixe o projeto completo em dowlon

git clone https://github.com/MayconCoutinho/Cats

Caso já tenha o Node em sua maquina basta instalar o projeto com npm i

npm i

💡 Possíveis Melhoras

Possíveis melhorias no código e no projeto, caso queira voltar e melhorá lo.


  • - Colocar um loading nas imagens
  • - Só carregar as imagens quanto tiver todas
  • - Melhorar o sistema de observe para carregar imagens
  • - Converte a função que esta na pagina principal para um hook
  • - Pagina para quando clicar na imagem aparecer imagem maior
  • - Pagina de perfil do usuario
  • - Sistema de login para simular ainda mais um site
  • - Criar usuarios faker "https://fakerjs.dev/"
  • - Esse like é perfeito para esse projeto "https://codepen.io/aaroniker/pen/VwwxopM"
  • - Deixar o projeto mais gatonizado, mudar o logo e estilo do pinterest para algo mais customizado
  • - Criar uma api em node com base na api de gatinhos

🏆 Créditos



Maycon Coutinho 		Hello 😃 Se você chegou até aqui, acredito que gostou do meu projeto, nesse caso temos algo em comum, sendo assim que tal conversamos um pouco? Meu chama no linkedin 😁

⠀⠀⠀⠀⭐ Linkedin⠀⠀⠀⠀🧙 GitHub