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

🧪 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