/Capstone2

This is going to be our second capstone project at Microverse. We are going to implement what we have learned so far. Webpack, Jest, API, Git flow, ...

Primary LanguageJavaScript

The Meal DB

The Meal DB web application displays a list of meals that provided by an external API. The users can like a meal, leave some comments or make a reservation, in these cases an involvement API will be used.

N.B. The reservation functions are not implemented because we were two.

Project requirements

Please find project requirements here.

Screenshot

Screenshot from 2022-03-10 21-58-21

Screenshot from 2022-03-10 22-00-05

Screenshot from 2022-03-11 10-57-28

Project presentation

Please take a look at the video below

Presentation.mp4

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

Click here to see the live demo.

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

👤 Hemerson Foreste

👤 Behnam Aghaali

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

This project is MIT licensed