https://github.com/cleilsonandrade/ignite_feed
Aplicação de uma timeline de feed de post de um blog, desenvolvido em React utilizando TypeScript para fim de estudos de ambos.
https://github.com/cleilsonandrade/ignite_feed
blog components dark-theme date-fns design feed frontend phosphor-react react react-dom states vite
Last synced: 7 months ago
JSON representation
Aplicação de uma timeline de feed de post de um blog, desenvolvido em React utilizando TypeScript para fim de estudos de ambos.
- Host: GitHub
- URL: https://github.com/cleilsonandrade/ignite_feed
- Owner: CleilsonAndrade
- License: mit
- Created: 2023-01-24T17:18:19.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-25T23:14:32.000Z (over 1 year ago)
- Last Synced: 2025-01-07T08:32:46.437Z (9 months ago)
- Topics: blog, components, dark-theme, date-fns, design, feed, frontend, phosphor-react, react, react-dom, states, vite
- Language: TypeScript
- Homepage:
- Size: 302 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Ignite Feed
Aplicação de uma timeline de feed de post de um blog, desenvolvido em React utilizando TypeScript para fim de estudos de ambos.
# 📒 Índice
* [Descrição](#descrição)
* [Requisitos Funcionais](#requisitos)
* [Tecnologias](#tecnologias)
* [Design](#design)
* [Cores](#cores)
* [Fontes](#fontes)
* [Ícones](#ícones)
* [Instalação](#instalação)
* [Licença](#licença)
# 📃 Descrição
Aplicação de uma timeline de feed de post de um blog, desenvolvido em React utilizando TypeScript para fim de estudos de ambos. Os estudos se propõe a entender o funcionamento de componentes, seu ciclo de vida, estados, componentização, props do React e a tipagem estática, interface impostos pelo TypeScript. Utiliza-se o [**Vite**](https://vitejs.dev/) como servidor e libs auxiliares [**date-fns**](https://date-fns.org/), [**date-fns**](https://date-fns.org/) e [**Phosphor React**](https://www.npmjs.com/package/phosphor-react) para o desenvolvimento.
# 📌 Requisitos Funcionais
- [x] Componentizacao
- [x] Comentar
- [x] Visualizar comentários com data e hora
- [x] Curtir comentários
- [x] Excluir comentários
# 💻 Tecnologias
- **HTML**
- **CSS**
- **JavaScript**
- **TypeScript**
- **Vite**
- **ReactJS**
- **date-fns**
- **ReactDom**
# 🎨 Design
- O modelo final para versão desktop e mobile está disponível na pasta `./design`
- Cores
* #323236
* #fff
* #e1e1e6
* #c4c4cc
* #8d8d99
* #323238
* #29292e
* #202024
* #121214
* #00B37E
* #00875f
* #F75A68
- Fontes
* Roboto, sans-serif
- Ícones
* Phosphor React
# 🚀 Instalação
```bash
# Clone este repositório:
$ git clone https://github.com/CleilsonAndrade/ignite_feed.git
$ cd ./ignite_feed
# 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