Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/simongideon/royal-delicacies
A meal Web app built with JavaScript that displays various means from a random API and can allow the end user to like and leave a comment .
https://github.com/simongideon/royal-delicacies
css html javascript jest json-api npm-package webpack
Last synced: about 2 months ago
JSON representation
A meal Web app built with JavaScript that displays various means from a random API and can allow the end user to like and leave a comment .
- Host: GitHub
- URL: https://github.com/simongideon/royal-delicacies
- Owner: SimonGideon
- License: mit
- Created: 2022-11-21T20:35:13.000Z (about 2 years ago)
- Default Branch: development
- Last Pushed: 2023-08-19T08:43:39.000Z (over 1 year ago)
- Last Synced: 2023-08-19T09:43:05.036Z (over 1 year ago)
- Topics: css, html, javascript, jest, json-api, npm-package, webpack
- Language: JavaScript
- Homepage: https://simongideon.github.io/javascript-group-capstone-project/dist/
- Size: 669 KB
- Stars: 13
- Watchers: 2
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Royal Delicacies
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [Introduction](#Introduction)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
> **[Royal Meals]** is a... This is a web app that allows the user to navigate throug different meals displayed on the page amd also to share their reactions through:
- Like
- Comments
> We used the following tech stacks
Javascript
HTML
Webpack
> The Web app provides the following features
- **Like involvement**
- **Comment reactions**
- **Food landing page**
> Add a link to your deployed project.
- [Live Demo Link](https://simongideon.github.io/javascript-group-capstone-project/dist/)
## Introduction
- [Watch the video](https://drive.google.com/file/d/1tb8PCQn0sUOj7AtlyWrjEN5DwHaiLPqN/view?usp=sharing)
## Getting Started
Clone this repository
```
$ git https://github.com/SimonGideon/javascript-group-capstone-project.git
$ cd javascript-group-capstone-project
```
Generating your own key
> Navigate to scrc/app.js and paste 📋 the following function:
```
import getKey from './modules/getkey.js';
getKey();
```
> check you console in the browser the key is returned as an error in the format: `u06lzZuHDEVnvjfd4K1F`
> Run Webpack
```
$ npm init -y
```
Open in Browser
```
$ npm run start #this will launch the webpack server
```
### Prerequisites
In order to run this project you need:
### Setup
Clone this repository to your desired folder:
### Install
Install this project with:
### Usage
To run the project, execute the following command:
### Run tests
To run tests, run the following command:
### Deployment
You can deploy this project using:
## A link to your Kanban board.
[Kanban](https://github.com/SimonGideon/javascript-group-capstone-project/projects/1)
## Pull request for Review Made
- [Simon](https://github.com/SimonGideon/javascript-group-capstone-project/pull/28);
### Prerequisites
In order to run this project you need:
### Setup
Clone this repository to your desired folder:
### Install
Install this project with:
### Usage
To run the project, execute the following command:
### Run tests
To run tests, run the following command:
### Deployment
You can deploy this project using:
> The following people took part in the collaboration.
👤 **Simon Gideon**
- GitHub: [@SimonGideon](https://github.com/SimonGideon)
- Twitter: [@Simo_Giddy](https://twitter.com/Simo_Giddy)
- LinkedIn: [mnayi-gideon](https://linkedin.com/in/mnayi-gideon)
👤 **Zia Bakhteyari**
- GitHub: [@zia123456](https://github.com/Zia123456)
- Twitter: [@zia_bakhteyari](https://twitter.com/Zia_Bakhteyari)
- LinkedIn: [Zia bakhteyari](https://www.linkedin.com/in/zia-bakhteyari-8b8a861a5/)edIn: [LinkedIn](https://linkedin.com/in/linkedinhandle)
*🎉Congratulations you're done*✨edIn: [LinkedIn](https://linkedin.com/in/linkedinhandle)
*🎉Congratulations you're done*✨
## 🤝 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!
## Akcnowledgement
Thank you [@SimonGideon](https://github.com/SimonGideon) and [@zia123456](https://github.com/Zia123456) for preparing this set and also making it available in for everyone
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._