Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hammadsiddique/foodify-kitchenball
A web app that uses MealDB API to display a list of vegetarian recipes. The web app allow users to pop details of every recipe and even leave a comment and like on the recipe. It is built with HTML, CSS, and JavaScript.
https://github.com/hammadsiddique/foodify-kitchenball
communication css eslint html javascript linters mealdb-api microverse microverse-projects microverse-students pair-programming teamwork webpack
Last synced: about 1 month ago
JSON representation
A web app that uses MealDB API to display a list of vegetarian recipes. The web app allow users to pop details of every recipe and even leave a comment and like on the recipe. It is built with HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/hammadsiddique/foodify-kitchenball
- Owner: HammadSiddique
- Created: 2022-05-23T12:56:44.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2022-05-27T16:42:00.000Z (over 2 years ago)
- Last Synced: 2024-12-14T01:42:13.128Z (about 1 month ago)
- Topics: communication, css, eslint, html, javascript, linters, mealdb-api, microverse, microverse-projects, microverse-students, pair-programming, teamwork, webpack
- Language: JavaScript
- Homepage: https://hammadsiddique.github.io/Foodify-Kitchenball/index.html
- Size: 2.22 MB
- Stars: 6
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JavaScript group capstone: Foodify Kitchenball
## Description:
> - Foodify Kitchenball web app that contains the best vegetarian recipes.
### In this project we have:
> - We have created a recipes app for the vegetarian foods.
## Built With
- Html
- Css
- JavaScript
- Webpack
- [MealDB API](https://www.themealdb.com/api.php).
- [Invlovment API](https://www.notion.so/microverse/Involvement-API-869e60b5ad104603aa6db59e08150270).
## Live Demo (if available)
Please [click](https://hammadsiddique.github.io/Foodify-Kitchenball/index.html) for the live demo.
## Project Documentation
Please [click](https://drive.google.com/file/d/12zMiJL3Q1pRRYAOLt1LZQI2cSEfcqXL9/view?usp=sharing) here for project doucmentation.
## Getting Started
### Steps to run the project
#### 1 - Git Clone.
```
git clone https://github.com/HammadSiddique/Foodify-Kitchenball.git
```
#### 2 - Install npm.
```
npm install
```
#### 3 - run the project
```
npm start
```
To get a local copy up and running follow these simple example steps.
### Prerequisites
- HTML & CSS & JS
- Node.js (npm)
- API
### Setup
- linters for HTML, CSS and JS
- Webpack
- Jest
### Run tests
- Open your terminal, move to the directory where you want to clone the app (i.e cd Documents)
- Enter git clone https://github.com/HammadSiddique/Foodify-Kitchenball.git
- Change to the directory you just clone into (i.e cd Foodify-Kitchenball)
- Open index.html from the list of files in your left handside
- Right click on your opened index.html file and launch the live server to preview
- Include any possible changes and run "git add ."
- Commit the changes with a descriptive message (i.e xyz features added)
- Push the changes to changes to the repository (i.e git push)
### Deployment
- This app is deployed using Github pages (https://pages.github.com/)
## Authors
👤 **Hammad Siddique**
- GitHub: [@HammadSiddique](https://github.com/HammadSiddique)
- Twitter: [@hs_devv](https://twitter.com/hs_devv)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/hammad-siddique-6a5469231/)
👤 **Ibrahim Ahmat**
- GitHub: [@ibr5500](https://github.com/ibr5500)
- Twitter: [@ibr_ahmat](https://twitter.com/ibr_ahmat)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/ibrahim-ahmat-b5513b1a6/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Attribution
- [Freepik](https://www.freepik.com/) for banners.
- [MealDB API](https://www.themealdb.com/api.php) for recipes.
## Show your support
Please give a ⭐️ if you like this project!