📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
  • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Yummy Meal]

The Yummy meal is a web application that utilizes an external API from [https://www.themealdb.com/api/json/v1/1/filter.php?a=British] to showcase a list of meals. Users have the ability to interact with the meals by liking them, leaving comments, or reserving a meal using an involvement API.

However, the reservation feature has not been incorporated into the application due to limited group members. This project is the second Microverse capstone project designed to summarize the knowledge acquired in module 2.

The objective of the project is to develop a dynamic web application that meets the standards of a professional web developer.

Project requirements

Please find project requirements here.

Project presentation

Screenshot

Please take a look at the video below

Video Recording

How it works

The Meal DB web application allows users to like, comment, and make a reservation for their favorite meal.

• By clicking on like button the number of like is increased and stored in the involvement API;
• By clicking on the Comment button to display the description of the selected meal, the list of all comments, and added a new comment;
• By clicking on the Reservation button to display the list of all reservations and make a new Reservation;

Live Demo

Live demo here

Getting started

To get a local copy up and running follow these simple example steps:

Prerequisites

• A device that support running browser applications.
• access to internet connection.

Setup

View pages from the browser

• If you just want to check the webpage/webapp, you have it available on the live demo link.

Install locally the code of the application

In order to install a local version of this project and please do the following steps:

• Install the latest version of any code editor.
• install the latest version of GIT.
• open your terminal
• Go to the repository and clone it with `git clone git@github.com/cabraham1/capstone-project.git' .
• open the repository cloned with cd capstone-project
• if your code editor is VsCode type code .
• Install webpack with: npm install --save-dev webpack webpack-cli
• To run it type nmp run start or run live server from the docs directory
• To test it npm run test
• and enjoy!

Technologies Used

• CSS
• HTML
• JAVASCRIPT
• Webpack
• GitHub
• VsCode
• nodejs
• GIT

👥 Authors

Mention all of the collaborators of this project.

👤 Abraham Christopher

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Please give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone contributed one way or the other.
• Inspiration
• etc

License

📝 License

This project is. MIT licensed.

(back to top)