Esse projeto foi desenvolvido com as seguintes tecnologias:
- React
- Typescript
- Tailwind CSS
- Git and GitHub
O projeto "Twitter UI" é uma recriação da interface do Twitter, desenvolvida inicialmente como parte de uma MasterClass da Rocketseat. Este projeto foi expandido para incluir várias melhorias, recursos adicionais e deixá-lo o mais parecido possível com o Twitter original.
Após o desenvolvimento inicial do projeto, fiz algumas melhorias/adições. Segue abaixo algumas delas:
- Layout responsivo (Adaptado para telas menores);
- Modo Dark;
- Efeitos hover/active e animações;
- Remodelação do layout para mobile;
- Novos botões;
- Maior quantidade de Tweets;
- Funcionalidade de dar "like";
- Suporte a imagens em Tweets;
- Mais usuários iniciais, que inclui alguns do meus instrutores da Rocketseat;
- Entre outras pequenas funcionalidades e melhorias.
Aprimoramentos feitos até o dia (05/10):
- Ao clicar no tweet ir para a página Status de acordo com o ID do tweet clicado;
- Implementação do armazenamento local dos tweets;
- Atualização da função "dar like" para manter o estado de "like" mesmo após a atualização da página;
- Manutenção do tema escolhido pelos usuários mesmo após recarregar a página;
- Criação de um Menu flutuante para os tweets;
- Adição de um contador de caracteres ao criar um Tweet, limitando-o a 280 caracteres;
- Página "Profile" criada com suas respectivas seções.
Você pode visualizar o layout do projeto proposto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.