Skip to content

[PT-BR] App de receitas utilizando React com Hooks e Context API para visualizar, buscar e favoritar receitas de comidas e bebidas. [EN] Recipe app built with React using Hooks and Context API to view, search, and favorite food and beverage recipes.

Notifications You must be signed in to change notification settings

AlissonSeraphim/RecipesAPP-React-ContextAPI

Repository files navigation

[PT-BR] App de Receitas

Este é um projeto de um aplicativo de receitas desenvolvido pelos desenvolvedores Alisson Tassi, Kênia Peçanha, Lívio Lopes, Jefferson Santos, Rejane Raquel e Christopher Vieira.

O objetivo deste projeto é criar um app de receitas utilizando as tecnologias mais modernas do ecossistema React: Hooks e Context API. A aplicação permite visualizar, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas de comidas e bebidas.

Funcionalidades

  • Visualizar receitas de comidas e bebidas
  • Buscar receitas por nome ou ingredientes
  • Filtrar receitas por categoria, área, tipo de bebida, etc.
  • Favoritar receitas para acesso rápido
  • Acompanhar o progresso de preparação das receitas

Metodologias de Desenvolvimento

Utilizamos as metodologias Scrum e Kanban para gerenciar o projeto e concluir as demandas dentro do prazo estabelecido. O projeto foi construído em um prazo de 8 dias, faltando apenas a estilização.

Tecnologias Utilizadas

  • React (Hooks e Context API)
  • React Router
  • Local Storage
  • Biblioteca Clipboard-copy
  • React-Bootstrap
  • CSS Modules
  • React Testing Library (RTL)
  • JavaScript (ES6)
  • Testes Unitários

Testes Unitários

A aplicação foi desenvolvida com base nos testes unitários, utilizando a React Testing Library (RTL) em todas as páginas. Alcançamos uma média de cobertura total de 80-90% para cada página.

APIs Utilizadas

Utilizamos duas APIs distintas para obter os dados das receitas:

  • TheMealDB: Um banco de dados aberto, mantido pela comunidade, com receitas e ingredientes de comidas do mundo todo.
  • TheCockTailDB: Uma API semelhante à TheMealDB, focada em bebidas.

Layout Responsivo

O layout do aplicativo foi desenvolvido com foco em dispositivos móveis, portanto, todos os protótipos foram criados para telas menores.

Contribuidores

[EN] Recipe App

This is a recipe app project developed by the developers Alisson Tassi, Kênia Peçanha, Lívio Lopes, Jefferson Santos, Rejane Raquel, and Christopher Vieira.

The goal of this project is to create a recipe app using the latest technologies in the React ecosystem: Hooks and Context API. The application allows users to view, search, filter, favorite, and track the preparation progress of food and beverage recipes.

Features

  • View food and beverage recipes
  • Search recipes by name or ingredients
  • Filter recipes by category, region, beverage type, etc.
  • Favorite recipes for quick access
  • Track the preparation progress of recipes

Development Methodologies

We used the Scrum and Kanban methodologies to manage the project and complete the tasks within the given deadline. The project was developed in 8 days, with only the styling remaining.

Technologies Used

  • React (Hooks and Context API)
  • React Router
  • Local Storage
  • Clipboard-copy library
  • React-Bootstrap
  • CSS Modules
  • React Testing Library (RTL)
  • JavaScript (ES6)
  • Unit Testing

Unit Testing

The application was developed based on unit testing, using React Testing Library (RTL) for all pages. We achieved an average test coverage of 80-90% for each page.

APIs Used

We utilized two distinct APIs to retrieve recipe data:

  • TheMealDB: An open-source community-maintained database with recipes and ingredients from around the world.
  • TheCockTailDB: A similar API (maintained by the same entity) focused on beverages.

Responsive Layout

The application layout is designed primarily for mobile devices, with all prototypes developed for smaller screens.

Contributors

About

[PT-BR] App de receitas utilizando React com Hooks e Context API para visualizar, buscar e favoritar receitas de comidas e bebidas. [EN] Recipe app built with React using Hooks and Context API to view, search, and favorite food and beverage recipes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published