https://github.com/cleilsonandrade/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.
https://github.com/cleilsonandrade/ui-twitter
css design front-end html javascript localforage match-sorter react-router-dom reactjs sort-by twitter typescript ui vite
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/cleilsonandrade/ui-twitter
- Owner: CleilsonAndrade
- License: mit
- Created: 2023-02-28T20:59:56.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-08T19:45:54.000Z (about 2 years ago)
- Last Synced: 2025-01-07T08:32:44.846Z (over 1 year ago)
- Topics: css, design, front-end, html, javascript, localforage, match-sorter, react-router-dom, reactjs, sort-by, twitter, typescript, ui, vite
- Language: TypeScript
- Homepage:
- Size: 92.8 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](#descrição)
* [Requisitos Funcionais](#requisitos)
* [Features](#features)
* [Tecnologias](#tecnologias)
* [Design](#design)
* [Cores](#cores)
* [Fontes](#fontes)
* [Ícones](#ícones)
* [Instalação](#instalação)
* [Licença](#licença)
# 📃 Descrição
Clone da interface do Twitter, com capacidade de postar tweets, timeline e comentar tweets específicos. Desenvolvido com [**React**](https://react.dev/) com [**TypeScript**](https://www.typescriptlang.org/), a fim de estudos sobre tipagem estática e componentização, com rotas utilizando a lib [**React Router DOM**](https://reactrouter.com/en/main) e salvamento dos tweets localmente com a lib [**localforage**](https://github.com/localForage/localForage) e classificação na timeline por data com [**match-sorter**](https://github.com/kentcdodds/match-sorter) e [**sort-by**](https://github.com/kvnneff/sort-by).
# 📌 Requisitos Funcionais
- [x] Postar tweets
- [x] Visualização de uma timeline de tweets
- [x] Capacidade de comentar um tweet especifico
- [x] Visualização de um timeline para os comentários de um tweet especifico
## Features
- [x] 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
```bash
# 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](LICENSE) para mais detalhes.
---
Feito com 💜 by CleilsonAndrade