Deploy: https://recipes-group-3.surge.sh
O projeto consiste em um aplicativo front-end de receitas e é possível realizar as seguintes ações:
- As receitas são para comidas e também bebidas;
- Procurar pelo nome da receita, do ingrediente ou da primeira letra da receita;
- É possível selecionar um filtro por categorias;
- Ao selecionar uma receita, o usuário estará diante das informações necessárias para a sua realização e, por conseguinte, iniciar a receita e ir anotando os passos para a sua finalização;
- Após finalizar, é salvo via localStorage as informações da receita terminada;
- É possível favoritar uma receita;
- As páginas das receitas finalizadas como as favoritadas possuem um filtro para melhor serem encontradas quando procuradas;
- Fazer a alteração do email do usuário e fazer logout da aplicação;
- React Context API;
- React Hooks;
- Api consumida para os dados das comidas: TheMealDB;
- Api consumida para os dados das bebidas: CockTailDB;
- Metodologias Ágeis;
- Figma para o desenvolvimento da interface.
- Toda a aplicação foi desenvolvida de acordo com os princípios do UX Design.
- Clone o repositório
- Use o comando:
git clone [email protected]:felipe-lima-coelho/recipes-app.git. - Entre na pasta do repositório que você acabou de clonar:
cd recipes-app
- Instale as dependências
npm install
- Inicialize a aplicação
npm start
- Redimensione a tela
- O proeto se baseia em uma aplicação mobile. Dito isso, é recomendável redimencionar a tela do navegador para uma resolução de tela de 360 x 640 (360 pixels de largura por 640 pixels de altura).
Licença MIT.