Skip to content

Réplica do Twitter construída com React para uma lição do The Odin Project

Notifications You must be signed in to change notification settings

br-adriel/react-not-twitter

Repository files navigation

Clone visual do Twitter 🐣

Esse site foi constuído durante uma lição do The Odin Project.

Você pode ver como ficou o resultado clicando aqui.

TypeScript React Vite Firebase Styled Components Redux React Router

Executando o projeto localmente

Para executar o projeto localmente você precisa ter o Node e o npm instalados em sua máquina.

Você também precisa de um projeto no firebase com a firestore e a autenticação usando os métodos de email/senha e conta Google habilitados.

  1. Faça download do código fonte do projeto

  2. Copie o arquivo .env.example e o renomeie para .env

  3. Preencha o arquivo .env com as configurações do seu projeto no firebase

  4. Abra o projeto no terminal e execute o comando npm install para instalar as depedências do projeto

  5. Execute o comando npm run dev para iniciar o servidor

Funcionalidades implementadas

  • Autenticação (cadastro e login) utilizando email e senha ou conta do Google.
  • Criação de "tweet" (não foi implementado a adição de anexos)
  • Feed de tweets (a listagem engloba todos os "tweets" feitos na plataforma)
  • Perfil do usuário (lista os "tweets" feitos pelo usuário logado)
  • Customização das cores de fundo e de destaque do site