Skip to content

😾 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! 🐈

Notifications You must be signed in to change notification settings

MayconCoutinho/Cats

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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


About

😾 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! 🐈

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published