/food-recipe

A React JS + (external) Food API.

Primary LanguageJavaScript

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
  1. 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
  1. Install Dependencies using Yarnor NPM
yarn add or npm install
  1. rundevelopment server
yarn start or npm run start

Happy Coding! ❤️ 🍺