📗 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

📖 [Eat Healthy]

The Eat Healthy 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 healthy meals. Users have the ability to interact with the meals by liking them, leaving comments, or reserving a meal using an involvement API.

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

Project requirements

• [x] Use ES6 modules, with import and export.
• [x] Use callbacks and promises.
• [x] Use Webpack to bundle JavaScript.
• [x] Write units tests for a JavaScript app.
• [x] Follow Gitflow.
• [x] Send and receive data from an API.
• [x] Use API documentation.
• [x] page counter.

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;

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:yosaddis/MealDB.git' .
• open the repository cloned with cd MealDB
• 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.

👤 Yoseph Addisu

• GitHub: @yosaddis
• Twitter: @yosaddis
• Portfolio: Portfolio

(back to top)

Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Please give a ⭐️ if you like this project!

Acknowledgments

• Thank you Microverse community.

License

📝 License

This project is. MIT licensed.

(back to top)