https://github.com/ritikarawat220/javascriptcapstone
The Tasty Dishes site where users can view, like & comment on their favorite dishes. Built with HTML, CSS, vanilla JavaScript, Webpack, Meals API & the Involvement API.
https://github.com/ritikarawat220/javascriptcapstone
capstone-project css group-project html-css-javascript html5 javascript jest meals microverse tasty-dishes webpack
Last synced: 6 months ago
JSON representation
The Tasty Dishes site where users can view, like & comment on their favorite dishes. Built with HTML, CSS, vanilla JavaScript, Webpack, Meals API & the Involvement API.
- Host: GitHub
- URL: https://github.com/ritikarawat220/javascriptcapstone
- Owner: ritikarawat220
- License: mit
- Created: 2023-03-20T07:41:18.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-29T08:20:30.000Z (over 2 years ago)
- Last Synced: 2025-02-13T02:30:56.914Z (8 months ago)
- Topics: capstone-project, css, group-project, html-css-javascript, html5, javascript, jest, meals, microverse, tasty-dishes, webpack
- Language: JavaScript
- Homepage:
- Size: 766 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
The MealDB is a web application that has a list of foods. The web application was built based on two APi's, which are the Meals DB and the Involvement API. The web app makes APi call to render a list of meals and also make another API call when a user likes or comment.
- **Html 5**
- **CSS 3**
- **Webpack 5**
- **Bootstrap 5**
- **List meals**
- **Add likes and comments to meals**
- [live demo](https://ritikarawat220.github.io/JavaScriptCapstone/dist/)
## Demo Video from Authors
[Presentation Video](https://www.loom.com/share/b37242c978ae4aa4af8ec7ac4g73e2fac)
To get a local copy up and running, follow these steps.
In order to run this project you need:
Clone this repository to your desired folder:
```sh
cd my-project-folder
git clone https://github.com/ritikarawat220/JavaScriptCapstone
```
-
Install this project with:
Example command:
```sh
cd javascript-capstone
npm install
```
-
To run the project, execute the following command:
```sh
npm run start
```
You can deploy this project using:
Example:
```sh
vercel or gh-pages
```
👤 **Ritika Rawat**
- GitHub: [ritikarawat220](https://github.com/ritikarawat220)
- Twitter: [@ritikarawat22](https://twitter.com/Ritikarawat22)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/rawatritika/)
👤 **Tracy miranja**
- GitHub: [@githubhandle](https://github.com/Tracy-miranja)
- Twitter: [@twitterhandle](https://twitter.com/tracymiranja)
- LinkedIn: [LinkedIn](https://linkedin.com/in/tracymiranja)
- [ ] **Authentication**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please give me a star⭐
We are grateful to Microverse Inc that provided the guidelines for this project
This project is [MIT](./LICENSE) licensed.