Skip to content

ImVictorM/Recipes-App

Repository files navigation

Recipes App 🧑‍🍳

Project Context 💡

Recipes app, where you can search, filter, favorite, and follow instructions to make a delicious meal/drink 😋.

In this application, you can:

  • Login;
  • Search for various types of drinks/meals you want;
  • See details of each recipe you search;
  • Make a recipe with a checklist of ingredients you need. Also, you can continue a stopped recipe;
  • Mark a recipe as finished;
  • Favorite a recipe;
  • See the recipes you completed;
  • See your profile;
  • Change your profile info.

Used API's 🌐

Contributors 👥

Acquired Knowledge 📖

In this project, we were able to:

  • Use Redux to manage state;
  • Use the React-Redux library;
  • Use React's Context API to manage state;
  • Use React Hook useState;
  • Use React Hook useContext;
  • Use React Hook useEffect;
  • Create custom Hooks.

Used Technologies 🧰

HTML5 CSS3 Bootstrap JavaScript React Jest RTL
html5 css3 bootstrap javascript react jest rtl

Running the application ⚙️

  1. Clone and enter this repository
git clone git@github.com:ImVictorM/Recipes-App.git && cd Recipes-App
  1. Install the dependencies
npm install 
  1. Start the project
npm start

Testing 🛠️

Running all tests:

npm test

Running a specific test:

npm test {test_file_name}