UI Twitter

Clone da interface do Twitter, com capacidade de postar tweets, timeline e comentar tweets específicos. Desenvolvido com React com TypeScript, a fim de estudos sobre tipagem estática e componentização, com rotas utilizando a lib React Router DOM.

📒 Índice

• Descrição
• Requisitos Funcionais
  • Features
• Tecnologias
• Design
  • Cores
  • Fontes
  • Ícones
• Instalação
• Licença

📃 Descrição

Clone da interface do Twitter, com capacidade de postar tweets, timeline e comentar tweets específicos. Desenvolvido com React com TypeScript, a fim de estudos sobre tipagem estática e componentização, com rotas utilizando a lib React Router DOM e salvamento dos tweets localmente com a lib localforage e classificação na timeline por data com match-sorter e sort-by.

📌 Requisitos Funcionais

• Postar tweets
  
• Visualização de uma timeline de tweets
  
• Capacidade de comentar um tweet especifico
  
• Visualização de um timeline para os comentários de um tweet especifico
  

Features

• Responsividade
  

💻 Tecnologias

• HTML
• CSS
• JavaScript
• TypeScript
• Vite
• ReactJS
• localforage
• match-sorter
• React Router DOM
• sort-by

🎨 Design

• O modelo final para versão desktop e mobile está disponível na pasta ./design

• Cores
  

  • #1da1f2
    
  • #0f1419
    
  • #ebeef8
    
  • #5b7083
    
  • #fff
    
  • #ebeef0
    
  • #f7f9fa
    
  • #89a2b8
    

• Fontes
  

  • Roboto, sans-serif

• Ícones
  

  • Phosphor React

🚀 Instalação

  # Clone este repositório:
  $ git clone https://github.com/CleilsonAndrade/ui-twitter.git
  $ cd ./ui-twitter

  # Instalar as dependências:
  $ yarn install

  # Executar:
  $ yarn dev

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com 💜 by CleilsonAndrade