FelipeBuso / recipes-app

App de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#RecipesAPP

Projeto desenvolvido em grupo durante o módulo de Back-end na Trype.

Participantes:

Github Badge - Felipe Buso

Github Badge - Ivaldo Souza

Github Badge - Luiz Otavio

Github Badge - Matheus Lima

Tecnologias usadas:

  • 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

Projeto

App de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!

Nela será possível ver, buscar, filtrar, favoritar e acompanhar o processo de preparação de receitas e drinks!

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

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


Como instalar:

  1. Clone o repositório
  • Entre na pasta do repositório que você acabou de clonar:
  1. Instale as dependências e inicialize o projeto
  • Instale as dependências:
    • npm install
  • Inicialize o projeto:
    • npm start (uma nova página deve abrir no seu navegador com um texto simples)

APIs utilizadas

TheMealDB API

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

Os end-points são bastante ricos, você pode vê-los aqui

The CockTailDB API

Bem similar (inclusive mantida pela mesma entidade) a TheMealDB API, só que focado em bebidas.

Os end-points também são bastante ricos, você pode vê-los aqui

About

App de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!


Languages

Language:JavaScript 98.0%Language:CSS 1.7%Language:HTML 0.3%