Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caiopmoreno/study-rocketseat-ignite
https://github.com/caiopmoreno/study-rocketseat-ignite
Last synced: 11 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/caiopmoreno/study-rocketseat-ignite
- Owner: caiopmoreno
- Created: 2024-12-03T20:24:49.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-03T20:43:39.000Z (2 months ago)
- Last Synced: 2024-12-03T21:30:04.068Z (2 months ago)
- Language: TypeScript
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Ignite Feed - React + TypeScript | Caio <> Rocketseat
Bem-vindo ao **Ignite Feed**, um projeto desenvolvido na formação React.js da Rocketseat! 🧑💻 Este aplicativo é uma simulação de feed de posts, onde usuários podem interagir com comentários. Foi construído com **React**, **TypeScript** e **CSS Modules** para garantir performance, organização e estilização moderna. 🎨
---
## 🛠️ Tecnologias Utilizadas
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [CSS Modules](https://github.com/css-modules/css-modules)
- [Phosphor Icons](https://phosphoricons.com/)
- [date-fns](https://date-fns.org/)
---
## 📦 Instalação e Uso
1. **Clone o repositório**:
```bash
git clone https://github.com/caiopmoreno/study-rocketseat-ignite.git
cd study-rocketseat-ignite
```
2. **Instale as dependências**:
```bash
npm install
# ou
yarn
```
3. **Inicie o servidor de desenvolvimento**:
```bash
npm run dev
# ou
yarn dev
```
4. Acesse o aplicativo no navegador:
```
http://localhost:5173
```
---
## 🖼️ Funcionalidades
- **Publicação de Posts:** Visualize posts fictícios com formatação estruturada.
- **Comentários Dinâmicos:** Adicione, valide e delete comentários de forma interativa.
- **Feedback em Tempo Real:** Veja a data e o horário da publicação, calculados com `date-fns`.
- **Interface Responsiva:** Design moderno e adaptável a diferentes dispositivos.
---
## 📜 Licença
Este projeto está sob a licença [MIT](./LICENSE).
Feito com ❤️ por **[Caio Moreno](https://github.com/caiopmoreno)** estudando React.js na **[Rocketseat](https://rocketseat.com.br)**