✨ Projeto Receitas Gourmet

Este projeto é um aplicativo web de receitas que utiliza React Hooks e Context API.
Foi desenvolvido em grupo, utilizando metodologias ágeis (scrum e kanban), como desafio final do módulo de front-end da .

Sumário

• Sobre o projeto
  • Contexto
  • Prazo de realização
  • Funcionalidades
  • Demo
• Tecnologias utilizadas
  • Front-end
  • Testes
• APIs
• Instalação
  • Executando testes
• Requisitos do projeto
• Status de desenvolvimento
  • Desafios de desenvolvimento
• Desenvolvedores
• Agradecimentos

Sobre o projeto

👨‍💻 Contexto

O projeto foi desenvolvido para permitir .....

Período de realização

A sprint foi de 9 dias dedicados, em .....

Funcionalidades

• Cadastrar receitas com ingrediente, nome ...; .....

Demo

Screenshot em breve

Sugestão de uso opcional para estilização: Protótipo no Figma

Deploy: url aqui

(De volta ao topo)

Tecnologias utilizadas

Front-end

• HTML
• CSS
• JavaScript
• React
• React Router
• React Hooks
• Context API
• Biblioteca MUI

⚙️ APIs

As requisições foram feitas utilizando apenas o fetch, orientação dada para evitar conflitos com a avaliação dos requisitos.

• .....

  O The Meal DB é um banco de dados aberto, mantido pela comunidade, com receitas e ingredientes de todo o mundo.

  Os end-points são bastante ricos, você pode vê-los aqui.

  O modelo de resposta para uma meal é o seguinte:

  Ver modelo de resposta ...

Instalando o projeto localmente

Para instalar o projeto localmente, siga os seguintes passos:

1. Clone o repositório

git clone git@github.com:....

2. Entre na pasta do projeto

cd ....

3. Instale as dependências

 npm install

4. Inicie o servidor local

 npm start

• Executando os testes de cobertura

É possível verificar o percentual da cobertura de testes com o comando

npm run ....

(De volta ao topo)

Requisitos do projeto

Clique na seta para ver a lista de requisitos que recebemos para desenvolver durante o processo avaliativo.

Utilizamos o quadro Kanban no Trello para acompanhar o andamento do trabalho em equipe.

Tela de login

1. Crie todos os elementos ....

Tela principal de receitas

6. Implemente o ....

Tela de detalhes da receita

22. Desenvolva a tela ...

Status de desenvolvimento

O projeto foi entregue dentro do esperado...

Desafios de desenvolvimento

Ficou a cargo do grupo definir as .....

Desenvolvedores

ℹ️ ....

Agradecimentos

...

(De volta ao topo)

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.