App de Receitas

Contexto

Este projeto trata-se de um app de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!. Nele é possível ver, buscar, favoritar e acompanhar o progresso de receitas e drinks. O layout tem como foco dispositivos móveis,

Colegas que contribuíram para a realização do projeto:

• @GabrielzinJacques
• @TalisonSantana
• @mmdec

Utiliza APIs:

TheMealDB API é um banco de dados aberto, mantido pela comunidade, com receitas e ingredientes de todo o mundo.

The CockTailDB API Bem similar (inclusive mantida pela mesma entidade) a TheMealDB API, só que focado em bebidas. O Layout tem o foco dipositivos móveis

Técnologias usadas

Front-end:

Desenvolvido usando: Kanban, React, React Hooks, React Context API, Prop-Types, Tailwind

Habilidades

Adquiri essas habilidades ao desenvolver esse projeto:

• 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;

Preview da Aplicação

Instalando Dependências

• Clone o projeto:

  git clone [email protected]:Andreyrvs/20-Recipes-App.git

  Front-end

  cd 20-Recipes-App
  npm install

Executando aplicação

• Para rodar o Front-end:

  cd src/ && npm start

A aplicação utiliza a resolução 360x640