/Recipes-App

A recipes application made with React-hooks, Context-API and RTL

Primary LanguageJavaScript

Recipes App 🍕

React React Router Figma

Sobre

Esta aplicação simula uma aplicação mobile de receitas nela é possível ver, buscar, filtrar, favoritar receitas, iniciar seu preparo, acompanhar seu progresso de preparação de receitas e drinks e listar suas receitas já preparadas e favoritas!

Criadores 🧠

Este projeto foi feito em conjunto com Douglas Aguiar, Gabriel Coelho, Leonardo e Marcos Campos.

Tecnologias usadas ⌨️

Front-end:

Desenvolvido usando:

  • React com componentes funcionais;
  • React Hooks;
  • ContextAPI para gerenciamento de estado;
  • Prototipagem do projeto no Figma;
  • HTML5, ES6;
  • Uso da TheMealDB e CocktailDb;
  • Trello como ferramenta Kanban para o planejamento e execução projeto.

O que foi desenvolvido por mim 👍:

  • Rotas do projeto;
  • Services de API fetching;
  • Tela de receitas favoritas, perfil e filtros de pesquisa;
  • Testes de integração das páginas de perfil e receitas favoritas;
  • Prototipagem da estilização do projeto no Figma;
  • Estilização de diversos componentes;

To-do:

  • [] Terminar a estilização de alguns componentes
  • [] Testes integrados de todas as telas.
  • [] Dockerizar a aplicação

Instalando Dependências

git clone git@github.com:GabrielFerrariR/Recipes-App.git
cd Recipes-App
npm install

Executando aplicação

Para rodar o front-end:

npm start