https://github.com/yordinia/javascript-capstone
A web app that uses's Meals API to grap and display meals, and Interactive API to manage likes and comments.
https://github.com/yordinia/javascript-capstone
css html javascript jest-tests webpack
Last synced: about 2 months ago
JSON representation
A web app that uses's Meals API to grap and display meals, and Interactive API to manage likes and comments.
- Host: GitHub
- URL: https://github.com/yordinia/javascript-capstone
- Owner: Yordinia
- Created: 2023-05-22T08:08:36.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-05-26T14:05:39.000Z (about 3 years ago)
- Last Synced: 2025-04-24T01:00:03.187Z (about 1 year ago)
- Topics: css, html, javascript, jest-tests, webpack
- Language: JavaScript
- Homepage: https://yordinia.github.io/JavaScript-Capstone/
- Size: 7.24 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📖 JavaScript Capstone Project - Meals App
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Deployment](#live-demo)
- [Authors Zoom Recording](#zoom)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
# 📖 JavaScript Capstone Project meals app
**JavaScript Capstone Project meals app** is a progressive web app that displays meals fetched from an API, and also displays comments about the meal submitted by different viewers. It also allows you like a certain element, thanks to the additional Capstone-API provided by microverse.
- **Node NPM manager**
- **Front-end dev languages**
- **Served with webpack**
- **Deployed with gh-pages**
- **Tested with Jest**
Client
- HTML
- Javascript & DOM
- ES6 modules
- Webpack
- API
- Jest
- **use gitflow**
- **connect to the Meals API**
- **sends, receives and deisplay data from these two APIs.**
- **[Meals API](https://www.themealdb.com/api/json/v1/1/filter.php?c=Chicken)**
- **[Interactive API](https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/9vUKLfgfPbeVlsgu5dzp)**
- Coming Soon
[Author's Explanation](https://drive.google.com/file/d/1UiVaUWXq7xTGcRfd5qR4ujbL2HQR6b1j/view?usp=sharing)
To get a local copy up and running, follow these steps.
### Prerequisites
Run the following commands, in order to run this project: - `npm install` - For tests `npm i jest-environment-jsdom --save-dev && npm test`
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone git@github.com:yordinia/JavaScript-Capstone.git
```
### Install
Install this project with:
```sh
cd JavaScript-Capstone
npm install
```
### Usage
To use this project - Run `npm start` or `npm run build` - Open `index.html` from /dist with your prefered browser
👤 **Misal Azeem**
- GitHub: [@misalazeem](https://github.com/misalazeem)
- Twitter: [@misal_azeem](https://twitter.com/misal_azeem)
- LinkedIn:[@misal-94755a82](https://www.linkedin.com/in/misal-94755a82/)
👤 **Yordanos Temesgen**
- GitHub: [@yordinia](https://github.com/yordinia)
- Twitter: [@yordinaM](https://twitter.com/yordinaM)
- LinkedIn: [@yordanos-temesgen-941727233](https://www.linkedin.com/in/yordanos-temesgen-941727233/)
- [ ] **Set up the resevations section**
- [ ] **Better UI, speed and interactivity**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/yordinia/JavaScript-Capstone/issues).
If you like this project please give a star ⭐️ to this project
I would like to thank Microverse team, coding partners for the amazing collobrating project
This project is [MIT](https://github.com/Yordinia/yordinia/blob/main/LICENCE.md) licensed.