An open API service indexing awesome lists of open source software.

https://github.com/cavicf/trabalho_receita

🧪 Projeto desenvolvido como trabalho final da disciplina de Programação Web, trata-se de uma comunidade de receitas construída com Next.js. A aplicação permite que usuÔrios pesquisem, favoritem e cadastrem receitas, promovendo a interação e o compartilhamento de experiências culinÔrias.
https://github.com/cavicf/trabalho_receita

css html javascript nextjs tailwind typescript

Last synced: 2 months ago
JSON representation

🧪 Projeto desenvolvido como trabalho final da disciplina de Programação Web, trata-se de uma comunidade de receitas construída com Next.js. A aplicação permite que usuÔrios pesquisem, favoritem e cadastrem receitas, promovendo a interação e o compartilhamento de experiências culinÔrias.

Awesome Lists containing this project

README

          

# šŸ½ļø PratoPronto

**PratoPronto** Ć© uma plataforma colaborativa de receitas culinĆ”rias desenvolvida para a disciplina de Programação Web. Com uma interface intuitiva e funcionalidades modernas, permite que os usuĆ”rios explorem, cadastrem, editem e favoritem receitas — sejam elas criadas por outros usuĆ”rios ou obtidas por meio de uma API pĆŗblica.

---

## šŸ“ Contexto

O projeto nasceu da vontade de criar um espaƧo digital onde qualquer pessoa pudesse organizar suas receitas e descobrir novas ideias culinĆ”rias com facilidade — algo como um ā€œPinterest de receitasā€, mas com funcionalidades voltadas para praticidade, organização e personalização.

---

## šŸ’” Justificativa

Muitas pessoas compartilham receitas nas redes sociais, mas têm dificuldade para organizÔ-las e encontrÔ-las depois. O **PratoPronto** resolve isso criando um caderno de receitas digital e colaborativo, que também estimula a interação entre usuÔrios.

---

## šŸŽÆ Objetivos

### šŸŽÆ Geral
Criar uma aplicação web completa com CRUD de receitas, integração com API externa, autenticação de usuÔrio e gerenciamento de favoritos.

### 🧭 Específicos

- Implementar interface acessĆ­vel e responsiva
- Criar sistema de login com sessão segura via JWT
- Permitir cadastro, edição e exclusão de receitas do usuÔrio
- Integrar com uma API pĆŗblica de receitas
- Permitir que o usuƔrio favorite tanto suas receitas quanto externas
- Organizar receitas favoritadas e pessoais em uma mesma aba

---

## 🧪 Tecnologias Utilizadas

### Front-end
- **Next.js**
- **React**
- **Tailwind CSS**
- **Axios**
- **Lucide Icons**
- **React Hot Toast**

### Back-end
- **Node.js**
- **Zod**
- **Bcrypt**
- **JSON Web Token (JOSE)**
- **Cookies HTTP**
- **File System (`fs`)**

---

## 🌐 Funcionalidades do site

- Interface amigƔvel com design planejado no Figma
- Login, cadastro e sessão com token
- PƔgina inicial de boas-vindas
- PÔgina de exploração de receitas da API
- Cadastro de novas receitas com imagem
- Edição e exclusão de receitas
- Favoritar receitas da API e próprias
- Visualização unificada de favoritos e criadas

---

## šŸš€ Como rodar o projeto localmente

1. **Clone o repositório:**

```bash
git clone https://github.com/cavicf/trabalho_receita.git
git pull origin main
```

2. **Posteriormente crie um arquivo .env dentro da pasta do projeto e copie o seguinte TOKEN nele:**
```bash
TOKEN=f540cf171469d0efe80d6177793c6be06cb60b3bd281e9b358a1dd3fcf23fa40e9d052a90e9c94946796bebd8ec07651c32b5e3886afc51fabf01b3b02cdf880
```

3. **Após a criação, utilizando o terminal Linux ou WSL:**
```bash
npm install
npm run dev
```

4. **Acesse o site em:**
```bash
http://localhost:3000
```

## šŸ‘Øā€šŸ‘©ā€šŸ‘§ā€šŸ‘¦ Desenvolvedores

- [Camilly Victal Finamor](https://github.com/cavicf)
- [Júlia Vitória Concari Arenhardt](https://github.com/juwwardt)
- [Júlio César de Paiva Filho](https://github.com/juliocpaiva)
- [LuĆ­s Gustavo Riso Santos](https://github.com/LuisRiso)

---

## 🧩 Links úteis

- šŸŽØ [Protótipo no Figma](https://www.figma.com/design/Hg5slbsP4lkuonEZebHUQF/Prato-Pronto?node-id=104-232&t=2KiPIANHIYLl1hrh-1)
- 🌐 [API pública utilizada](https://api-receitas-pi.vercel.app/)