Food Recipe Web Application

Technologies:

• React JS
• Food API
• Materialize CSS

TODOS

• Ongoing ~ 🚧
• Pending -
• Done ✔️

Pages	Status	Remarks
Home	done	✔️
Search	done	✔️
Meal Info	done	✔️
Ingredient Meals	ongoing	✔️

detailed todos

[ ✔️ ] Home Page

• Latest Meals Section

[ ✔️] Search Bar

• redirect to route /search/:param
• show (not found or meals)

[ ✔️ ] MealInfo Page

1. Layout (component)

• Meal Thumbnail
• Ingredients
• Youtube Embed
• Instruction

[ ✔️ ] IngredientMeals Page

1. Layout (component)

• Ingredient thumbnail section
• Meals thumbnails section
• ingredient description

2. API

• Ingredients API < and >
• Show All meals with xx ingredient (Api Meal by name)

How to Run this Project?

1. Clone this project
2. change directory to project folder

cd folder-name

3. Install Dependencies using Yarnor NPM

yarn add or npm install

4. rundevelopment server

yarn start or npm run start

Happy Coding! ❤️ 🍺