The MealDB - API based webapp

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. ­

Built With

• HTML & CSS
• Bootstrap
• JavaScript (ES6)
• Webpack
• Jest Testing Library
• MealDB API
• Linters

Live Demo

Live at MealDB

Video Description

View video presentaton

Getting Started

Prerequisites

• node.js (10.13.0 (LTS))
• git

Setup

To get a local copy, follow the steps below:

1. Open your terminal

2. Navigate to the directory where you want to clone the project.

3. Clone the project using git clone or directly by running the following command

   git clone git@github.com:KanzaTahreem/The-MealDB.git

4. Open your editor and follow the steps mentioned below

Install

• npm install

Usage

• npm run build
• npm start

Authors

👤 Author

• GitHub: @KanzaTahreem
• Twitter: @kanza_tahreem
• LinkedIn: Kanza Tahreem

Authors

👤 Author

• GitHub : @OsvaldoBC
• Twitter : @OsvaldoBarrio20
• LinkedIn: osvaldo-barrios-data-science

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.