Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devgabrielrr/ignitenews-react-rocketseat
Sistema de Comentários: Permite que os usuários adicionem comentários em posts, com a possibilidade de excluir os comentários que fizeram. Curtidas: Os usuários podem curtir comentários e posts, proporcionando uma maneira de mostrar aprovação ou popularidade. Interface Intuitiva: Utiliza React para criar uma experiência de usuário fluida e respon
https://github.com/devgabrielrr/ignitenews-react-rocketseat
css javascript react
Last synced: about 1 month ago
JSON representation
Sistema de Comentários: Permite que os usuários adicionem comentários em posts, com a possibilidade de excluir os comentários que fizeram. Curtidas: Os usuários podem curtir comentários e posts, proporcionando uma maneira de mostrar aprovação ou popularidade. Interface Intuitiva: Utiliza React para criar uma experiência de usuário fluida e respon
- Host: GitHub
- URL: https://github.com/devgabrielrr/ignitenews-react-rocketseat
- Owner: DevGabrielrr
- Created: 2024-07-27T02:48:19.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-27T16:09:09.000Z (5 months ago)
- Last Synced: 2024-07-28T03:44:37.379Z (5 months ago)
- Topics: css, javascript, react
- Language: JavaScript
- Homepage: https://ignite-news-react-rocketseat.vercel.app/
- Size: 3.43 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projeto Ignite News | Rocketseat
## Neste projeto, desenvolvemos uma aplicação web interativa utilizando React para criar um sistema completo de comentários, curtidas e depoimentos. O sistema é projetado para simular as funcionalidades de um blog moderno, oferecendo uma interface rica e dinâmica para a interação dos usuários.
[](src/img/IgniteNews.mp4)
## Veja o projeto online
🚀 Link do projeto online
### Tecnologias Utilizadas
- React com Vite: ^18.3.1
### Funcionalidades
- Sistema de Comentários: Permite que os usuários adicionem comentários em posts, com a possibilidade de excluir os comentários que fizeram.
- Curtidas: Os usuários podem curtir comentários e posts, proporcionando uma maneira de mostrar aprovação ou popularidade.
- Interface Intuitiva: Utiliza React para criar uma experiência de usuário fluida e responsiva, com atualização em tempo real das interações.
### 📦 Bibliotecas
```
npm i phosphor-react
```
Biblioteca para formatação de datas e calcular distancias entre datas:
```
npm i date-fns
```
### 🛠️ Como Executar o Projeto
1. Clone o repositório:
```bash
git clone https://github.com/DevGabrielrr/IgniteNews-react-rocketseat.git
```
2. Navegue até o diretório do projeto:
```bash
cd nome-do-repositorio
```
3. Atualize o projeto, Em seu terminal e na pasta do projeto
```bash
npm install
```
4. Rodar o projeto
```bash
npm run dev
```