Neste projeto foi desenvolvido um app de receitas, nomeado Baked, utilizando React: Hooks e Context API. Sendo possível ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas e drinks.
A base de dados foram 2 APIs distintas, uma para comidas e outra para bebidas.
O layout foi desenvolvido com foco em dispositivos móveis, sendo assim, para telas menores, mas também foram feitas algumas adaptações para melhor vizualização em telas maiores.
Este projeto foi desenvolvido em grupo, com a parceria de @felippe-fernandes, @Luciano-O e @AmorimTorres durante o módulo de front-end do curso da Trybe.
Durante o desenvovimento aplicamos as Metologias Ágeis para organizar as atividades e dividir as tarefas através de um modelo de kanban com um board Trello, centralizamos as conversas via slack dividas por assuntos para melhorar a comunicação assíncrona e utilizamos da DM para comunicação síncrona.
A página web faz uso da API TheMealDB que é um banco de dados aberto, mantido pela comunidade, com receitas e ingredientes de todo o mundo. Foi utilizado o seguinte endpoint:
-
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;
-
Trabalho em equipe.
git clone [email protected]:RosieBaroni/baked-recipes-app.git
- Entre na pasta do repositório que você acabou de clonar:
cd baked-recipes-app
- Instale as dependências:
npm install
- Inicialize o projeto:
npm start
(uma nova página deve abrir no seu navegador com a aplicação Baked)