This project is an app that displays the food recipe using API from [https://www.themealdb.com/api.php]. It has different kinds of menu to choose from. It let's you search for the recipe you want or you can select from the alphabet listed. If you do not found the recipe you are looking for, it will let you know with "Not Found" text.
It has the picture, meal and catagory in the home screen. When you click on it, it will display the:
- Ingriedients
- Instruction (on how to make it)
- video (To follow)
Link: [https://www.figma.com/file/hA6RVdvm433YjCJaj1dyUv/Untitled?node-id=0%3A1&t=aRBlELyr8wHVEd1f-3]
- JavaScript
- HTML
- CSS
- React.js
- JSX
- Node.js
- First, fork and clone this repositary.
- Then, you need to create new directory and clone it.
- Install dependencies (npm install).
- After that, open your VS code (code .) on your terminal.
- Finally, run npm start to start your local server.
I was abel to get the MVP required and also got one of the streatch goal I put on when planning this project. But next I will add the following goals and work on it.
- Storing favorite food the user want
- Adding some CSS
- Setting it to be mobile responsive
If you have any suggestion, bugs, Email Feven at [rutemikey1@gmail.com]