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.
- Meal API: https://www.themealdb.com/
- Drink API: https://www.thecocktaildb.com/
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.
HTML5 | CSS3 | Bootstrap | JavaScript | React | Jest | RTL |
---|---|---|---|---|---|---|
- Clone and enter this repository
git clone git@github.com:ImVictorM/Recipes-App.git && cd Recipes-App
- Install the dependencies
npm install
- Start the project
npm start
Running all tests:
npm test
Running a specific test:
npm test {test_file_name}