/project-app-de-receitas

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

Primary LanguageJavaScript

Projeto de App de Receitas 📱

React JavaScript CSS3 Bootstrap

Sobre:

Projeto de conclusão do módulo Front-End, em grupo, com a participação dos seguintes integrantes:

  • pedrodc1236
  • LucasNascimento1609
  • Vitor-Pacheco
  • carlos-souza-lima
  • aklimak

Foi desenvolvido um app de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API! Nele é possível ver, buscar, filtrar, favoritar, e acompanhar o progresso de preparação de receitas e drinks! A base de dados é 2 APIs distintas, uma para comidas e outra para bebidas.

O layout tem como foco dispositivos móveis.

Habilidades Desenvolvidas

  • 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

Tecnologias utilizadas:

  • React
  • Context API
  • React Hooks
  • JavaScript
  • HTML5
  • CSS3

Instalação do projeto localmente:

Após cada um dos passos, haverá um exemplo do comando a ser digitado para fazer o que está sendo pedido, caso tenha dificuldades e o exemplo não seja suficiente, não hesite em me contatar em pedrodc1236@gmail.com

  1. Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
  mkdir projetos
  1. Entre no diretório que acabou de criar e depois clone o projeto:
  cd projetos
  git clone git@github.com:pedrodc1236/project-app-de-receitas.git
  1. Acesse o diretório do projeto e depois utilize o comando npm install para instalar todas as dependências necessárias:
  cd project-app-de-receitas
  npm install
  1. Por último, rode o comando npm start e acesse o projeto via browser, no caminho http://localhost:3000/project-app-de-receitas.
  npm start