Skip to content

garciaagui/perfecto-recipes-app

Repository files navigation

Project Recipes App (Perfecto) 🧑‍🍳

🇧🇷 Clique aqui para acessar a versão em português.

Summary

  1. Description
  2. Technologies
  3. Features
  4. How to Run
  5. About Trybe
  6. Development Team

Description

16th project of the Trybe Web Development course.

This project is an application that offers a variety of food and drink recipes, allowing the user to save their favorite recipes and follow a step-by-step guide to execute them. The layout focuses on mobile devices (360 x 640).

The database used comes from two distinct APIs: The MealDB for food recipes and TheCockTailDB for drinks recipes.

The project was developed by a team using agile methodology and Scrum and Kanban frameworks. Scrum was used to manage the project, while Kanban tracked tasks and allowed visualization of activities.

Project Recipes App


Technologies

💻 Development

🧪 Testing

✨ Code alignment and quality


Features

  • Browse through food and drink recipes.
  • Search for recipes by name, ingredient, or first letter (of the name).
  • Filter recipes by predetermined categories.
  • Favorite recipes.
  • Share recipes.
  • Follow a step-by-step guide to make the recipe. If all steps are completed, the recipe is considered done.
  • Access the user area, where it is possible to check and remove favorited and completed recipes.
  • Filter favorited and completed recipes by food and drinks.

How to Run

ℹ️ If you only want to test the application, click here.

To run the project locally, follow the steps below.

  1. Clone the repository;
git clone [email protected]:garciaagui/perfecto-recipes-app.git
  1. Navigate to the project root directory;
cd perfecto-recipes-app/
  1. Install the dependencies;
npm install
  1. Start the project;
npm run start
  1. When the application starts in the browser, adjust the screen resolution to 360 x 640 (360 pixels wide by 640 pixels tall) for a better experience. You can use (for Google Chrome) the Window Resizer plugin to easily adjust the dimensions.

  2. To run the tests, use the command below.

npm run test-coverage

About Trybe

"Trybe is a future school for anyone who wants to improve their lives and build a successful career in technology, where the person only pays when they get a good job."

"The program features over 1,500 hours of online classes covering introduction to software development, front-end, back-end, computer science, software engineering, agile methodologies, and behavioral skills."


Development Team

Check out the social networks and means of contact of the team members responsible for the development of this project 👇

Back to top

About

Front-end application for food and drinks recipes. Developed with React.js.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6