/egyptian-food-world

An "Egyptian food world" helps fetch the Egyptian meals list from Meal DB API and functionality to add likes for each one and share comments using Involvement API. This website was built with ES6, Webpack, fetching the data from REST API, and unit testing using Jest.

Primary LanguageJavaScriptMIT LicenseMIT

Egyptian Food World

About

An "Egyptian food world" helps fetch the Egyptian meals list from Meal DB API and functionality to add likes for each one and share comments using Involvement API. This website was built with ES6, Webpack, fetching the data from REST API, and unit testing using Jest.

It was built upon two independent APIs:

  • Meal DB: data about meals
  • Involvement: Microverse API to record the different user interactions (likes, comments).

Screenshot1 Screenshot2

Built With

  • HTML, CSS, JavaScript;
  • Jest, & Webpack;
  • VisualStudio Code, Git, & GitHub;

Live Demo

Live Demo Link

Demo Video

Demo Video Link

Pre-requisites

  • NodeJs (v. 14.17)
  • Git

Getting Started

To run this project, you only need a computer with a browser installed, and follow these steps:

  1. In your terminal, in the folder of your preference, type the following bash command to clone this repository:
git clone git@github.com:Maha-Magdy/egyptian-food-world.git
  1. Now that you have already cloned the repo run the following commands to get the project up and running:
cd egyptian-food-world
npm install
npm start

Authors

👤 Maha Magdy

👤 Mai Rizk

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