Este projeto é um clone do Instagram, criado com React. Foi um desafio e tanto, já que foi minha primeira experiência com React, mas estou orgulhoso do resultado (O professor Gabriel também amou! 🥰)
Clone-Instagram_GK.mp4
No desenvolvimento deste projeto, implementei algumas funcionalidades interativas e visuais para criar um ambiente mais dinâmico e conectado, similar à experiência do Instagram original, para enriquecer a experiência do usuário, por exemplo:
-
Curtidas e Salvamento de Postagens: Agora, os usuários podem curtir postagens, o que muda o ícone para um coração vermelho preenchido, e salvar postagens, que altera o ícone amarelo com uma estrela amarela. Essas ações são intuitivas e melhoram a navegação no feed.
-
Contador de Curtidas: Para cada postagem, há um sistema que contabiliza as curtidas. Quando um usuário curte uma postagem, o contador é incrementado, e se a curtida é removida, o contador é decrementado, atuando igual ao que acontece no Instagram.
-
Seção de Comentários: Adicionei também uma aba dedicada aos comentários, permitindo que os usuários expressem suas opiniões e interajam com as postagens de uma maneira mais engajada e social .
Siga estas instruções para ver o projeto em ação no seu próprio ambiente.
Antes de começar, certifique-se de ter o seguinte instalado em seu sistema:
- Node.js - Download & Instalação Node.js
- Git - Download & Instalação Git
- Clone o repositório
git clone https://github.com/GretzelKattia/Clone_Instagram.git- Navegue até o diretório do projeto
cd Clone_Instagram- Instale as dependências
npm installDepois de instalar as dependências, você pode iniciar o servidor de desenvolvimento.
npm startIsso iniciará o servidor de desenvolvimento e abrirá automaticamente uma janela do navegador com o aplicativo em execução. Se isso não acontecer, você pode acessar o projeto manualmente em http://localhost:3000 no seu navegador.
Se você tiver alguma dúvida ou sugestão, fique à vontade para abrir uma issue ou enviar um pull request.
Feito com ❤️ por Gretzel Kattia!