Skip to content

Latest commit

 

History

History
45 lines (32 loc) · 1.92 KB

README.md

File metadata and controls

45 lines (32 loc) · 1.92 KB
Raw

Twitter UI

preview

Clique aqui para acessar

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

💻 Projeto

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.

🔖 Layout

Você pode visualizar o layout do projeto proposto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.