The JavaScript capstone project is build on MealDB, an external API, and an Involvement API which is used to record the user interactions including likes, and comments. The project covers the following mentioned points
- The main page shows a list or a collection of meals (retrieved from an external API) that you can like.
- A popup window with more data about an item that you can use to comment on the different meals and also see a list of comments.
- In the pop-up window you can see the main ingredients, needed for each recipe, a procedure to follow for the preparation of each meal.
- The popup window consists of two buttons, one that connects to a YouTube video explaining step-by-step of each recipe, and another one that links to official website.
- The application shows the number of likes and comments for each meals.
- HTML & CSS
- Bootstrap
- JavaScript (ES6)
- Webpack
- Jest Testing Library
- MealDB API
- Linters
Live at MealDB
View video presentaton
- node.js (10.13.0 (LTS))
- git
To get a local copy, follow the steps below:
-
Open your terminal
-
Navigate to the directory where you want to clone the project.
-
Clone the project using
git cloneor directly by running the following commandgit clone git@github.com:KanzaTahreem/The-MealDB.git -
Open your editor and follow the steps mentioned below
npm install
npm run buildnpm start
👤 Author
- GitHub: @KanzaTahreem
- Twitter: @kanza_tahreem
- LinkedIn: Kanza Tahreem
👤 Author
- GitHub : @OsvaldoBC
- Twitter : @OsvaldoBarrio20
- LinkedIn: osvaldo-barrios-data-science
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.