Catalogue of Recipes

In this project, I built a dynamic catalogue of recipes app using react/redux, Axios, promises, etc.

• Recipes List page with a list of recipes that could be filtered by some parameters; in this project, it's a list of recipes that can be filtered by ingredients (shrimp, broccoli, etc.)
• Recipe Item page for the recipe details; in this example, the recipe detail page (Preview Recipe)

In this application, a user can search for recipes by category and get a list of all the meals. The user can also click on a particular meal to see the details of the ingredients and instructions on how to prepare it.

Built With

• React
• Redux
• JSX
• CSS
• JavaScript
• ESLint
• Jest
• Npm
• Axios
• Scss

Live Demo

Live Demo

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• node.js must be installed on your device

Setup

• Follow the steps below:

1. Clone the repo

git clone https://github.com/Godswilly/food-recipes.git

2. Change directory

cd food-recipes

3. Install dependencies

yarn install

4. Start the project

yarn start

To run test

yarn test

Author

👤 Kalu Agu Kalu

• Github
• Twitter
• Linkedin

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give and ⭐️ if you like this project!

Acknowledgments

• Microverse
• Themealdb API
• Design idea by Marc-Antoine Roy on Behance