Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kendoriddy/beefland-eatery
The BeefLand web application displays a list of meals that were provided by an external API. The users can like a meal, leave some comments or make a reservation, in these cases an involvement API was used. N.B. The reservation functions are not implemented because there are just two in the group.
https://github.com/kendoriddy/beefland-eatery
css html javascript webpack
Last synced: about 1 month ago
JSON representation
The BeefLand web application displays a list of meals that were provided by an external API. The users can like a meal, leave some comments or make a reservation, in these cases an involvement API was used. N.B. The reservation functions are not implemented because there are just two in the group.
- Host: GitHub
- URL: https://github.com/kendoriddy/beefland-eatery
- Owner: kendoriddy
- License: mit
- Created: 2022-08-29T08:47:17.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-20T21:18:39.000Z (almost 2 years ago)
- Last Synced: 2024-10-19T03:36:00.646Z (3 months ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage: https://kendoriddy.github.io/BeefLand-Eatery/
- Size: 5.22 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
# BeefLand Menu
The BeefLand web application displays a list of meals that were provided by an external [API](https://www.themealdb.com/api/json/v1/1/filter.php?i=beef). The users can like a meal, leave some comments or make a reservation, in these cases an involvement API was used.
N.B. The reservation functions are not implemented because there are just two in the group.
This is the second Microverse capstone project meant to summarize all the content learned through module 2. The objective was to mimic the appearance of a dynamic web application, in a similar way a web developer would receive the requirements as if it were in a job.
## Project requirements
Please find project requirements [here](https://github.com/microverseinc/curriculum-javascript/blob/main/group-capstone/js_capstone.md).## Project presentation
## Screenshot
![screenshot](./src/assets/app_screenshot.png)## Please take a look at the video below
[Video Link](https://drive.google.com/file/d/1t5tp8gLhIBHoD308hiXMy7fPgWxiP-GQ/view?usp=sharing)
## How it works
The BeefLand 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
[Live Demo Link](https://kendoriddy.github.io/BeefLand-Eatery/)
## 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](https://github.com/kendoriddy/js-capstone) and clone it with `git clone [email protected]/kendoriddy/js-capstone.git' .
- open the repository cloned with `cd js-capstone`
- 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
# Project Name> Description the project.
## Authors
👤 **Kehinde Onifade**
- GitHub: [@githubhandle](https://github.com/kendoriddy)
- Twitter: [@twitterhandle](https://twitter.com/rideonone09)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/kehindeonifade/)👤 **Ghislain Mitahi**
- GitHub: [@GhislainMitahi](https://github.com/GhislainMitahi)
- Twitter: [@GMItahi](https://https://twitter.com/GMitahi)
- LinkedIn: [ghislainmitahi](https://linkedin.com/in/ghislain-mitahi/)## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc## 📝 License
This project is [MIT](https://github.com/microverseinc/readme-template/blob/master/MIT.md) licensed