This project builds the a catalogue of recipes using create-react-app. It dispalys a browsable list of items that can be filtered and accessed to the details of one item. The webapp has 3 types of pages:

• one page with a list of items that could be filtered by category.
• one page for the item details; the meal detail page for meals of same category
• one page for the item details; the meal detail page for meals of common search key

• Node.js | React | React-DOM | React-Create-App | Hooks | Routes
• Redux | MiidleWares | Backend API | npm | CSS | ES6

Catalogue of Recipes

This project was bootstrapped with Create React App. To get a local copy up and running, please follow the below steps.

• Node.JS
• React

• Clone the repository git clone [email protected]:henatan99/catalogue-of-recipes.git

• cd to the project directory cd catalogue-of-recipes

• Install dependancies npm install

• And follow the App Usage instructions in the next section

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The website has three main pages.

• To see recipes category go to home.
• To see navigate to recipes of same category click category card in the home page.
• To search recipes write keyword on the serach input field.

👤 Henok Mossissa

• GitHub: @henatan99
• Twitter: @henatan99
• LinkedIn: Henok Mossissa

Contributions, issues, and feature requests are welcome!

Give a ⭐️ if you like this project!

• Facebook team who created creat-react-app API
• themealdb API service
• Behance for cool design references

This project is MIT licensed.