Skip to content

Front-end de um aplicativo de receitas de bebidas e comidas com React, Context API e metodologias àgeis feito em grupo.

Notifications You must be signed in to change notification settings

michaelcaxias/recipes-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

preview da aplicação

🍔🍹 App de Receitas

Projeto feito em grupo durante o curso da Trybe com o objetivo de treinar as metodologias ágeis com DM's e Kanbam, além de utilizarmos Context API para o gerenciamento de estados.

🔧 Funçoes

  • Testes unitários
    • Cobre 22% do código inteiro.
  • Header
    • Botão de pesquisa
    • Opções de filtragem
  • Barra inferior de navegação
  • Tela de Loading
  • Tela de Login
  • Tela principal de receitas
    • Listagem com todas as receitas
  • Tela de detalhes de receita
    • Categoria da receita
    • Ingredientes
    • Modo de preparo
    • Video tutorial
    • Receitas recomendadas
    • Botão de compartilhar/favoritar receita
    • Botão de iniciar receita
  • Tela de receitas em progresso
    • Riscar ingredientes e medidas concluídas
    • Modo de preparo
    • Botão de finalziar receita
  • Tela de receitas feitas
    • Cards com todas as receitas concluídas
  • Tela de receitas favoritas
    • Cards com todas as receitas favoritas
  • Tela de explorar
    • Opção de explorar por bebidas
    • Opção de explorar por comidas
  • Tela de explorar bebidas ou comidas
    • Opção de explorar por ingredientes
    • Opção de explorar por local de origem
    • Opção "Me Surpreenda!"
  • Tela de explorar ingredientes
    • Cards com todos os ingredientes
      • Ao clicar, é listado todas as receitas que contém o ingrediente
  • Tela de explorar por local de origem/area
    • Selecionar receitas por nacionalidade
  • Tela de perfil
    • Botão de receitas feitas
    • Botão de receitas favoritas
    • Botão de sair

⭐ Habilidades

  • Utilizar o Trello para organização em grupo.
  • Utilizar o Context API para gerenciamento de estados.
  • Utilizar o framework Semantic UI para realizar estilizações.
  • Utilizar Hooks do React.
  • Criar hooks personalizados.
  • Desenvolvimento de interfaces responsivas.

💻 Como iniciar

  1. Faça o clone do projeto
  2. Instale as dependências
npm install
  1. Inicialize a aplicação
npm start

Feito Com:

TRELLO FIGMA IDE REACT JAVASCRIPT CSS3 SEMANTIC UI

🤝 Desenvolvedores

Agradecemos às seguintes pessoas que contribuíram para este projeto:

Foto de Michael Caxias no GitHub
Michael Caxias
Foto de André Morsch
André Morsch
Foto de Adilson Gabriel
Adilson Gabriel
Foto de Cecilia Cacais
Cecilia Cacais
Foto de Antônio Gonçalves
Antônio Gonçalves

Contato

Linkedin

Copyright © 2021 Michael Caxias

About

Front-end de um aplicativo de receitas de bebidas e comidas com React, Context API e metodologias àgeis feito em grupo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published