Repositório do projeto App de Receitas 🍳

🚧 Estilização em desenvolvimento ! 🚧

Módulo: Front-end

Repositório possuí projeto desenvolvido no período que estive na Trybe, abordando conceitos de tudo o que vimos até agora: funções assíncronas, desenvolvimento com React, Componente com estados e eventos, Ciclo de vida de um componente, React Router, Metodologias ágeis: Kanban e Scrum, testes com React Testing Library, gerenciamento de estado com Redux, Context API e React Hooks, isso em grupo utilizando tanto a metodologia Kanban como Scrum em um grupo de 5 pessoas aqui na Trybe.

Informações de aprendizados

• Este é um projeto desenvolvido para praticar tudo o que vimos até agora;

Linguagens e ferramentas usadas

O que foi desenvolvido

Neste projeto, desenvolvemos um app de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!

Nele é possível: ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas de comidas e bebidas!

A base de dados serão 2 APIs distintas, uma para comidas e outra para bebidas.

O layout tem como foco dispositivos móveis, dessa forma todos os protótipos vão estar desenvolvidos em telas menores.

Figma do protótipo final do projeto figma

Habilidades

Neste projeto, desenvolvi as seguintes habilidades:

• Utilizar Redux para gerenciar estado
• Utilizar a biblioteca React-Redux
• Utilizar a Context API do React para gerenciar estado
• Utilizar o React Hook useState
• Utilizar o React Hook useContext
• Utilizar o React Hook useEffect
• Criar Hooks customizados

Instruções para instalar e rodar

1. Clone o repo:

   git clone git@github.com:Ludson96/project-recipes-app.git

2. Entre na pasta do repositório que você acabou de clonar:

   cd project-recipes-app

3. Instale as dependências:

   npm install

4. Execute a aplicação React:

   npm start

5. Toda a logica se na pasta src, para executar os testes basta usar o comando npm test para executar todos os testes ou npm test <nome do teste> para executar um teste especifico.