Royal-Delicacies

KO | EN

gitlite — search

#react #typescript #android #docker #nodejs #macos #java #windows #cli #kubernetes #awesome-list #security #openai #open-source

Royal-Delicacies

(★ 14)

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 .

Royal-Delicacies Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<!--
HOW TO USE:
This is an example of how you may give instructions on setting up your project locally.

Modify this file to match your project and remove sections that don't apply.

REQUIRED SECTIONS:
- Table of Contents
- About the Project
  - Built With
  - Live Demo
  - Introduction
- Getting Started
- Authors
- Future Features
- Contributing
- Show your support
- Acknowledgements
- License

After you're finished please remove all the comments and instructions!
-->

<h3>Royal Delicacies</h3>

</div>

# 📗 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 Web App <a name="about-project"></a>

> **[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

## 🛠 Built With <a name="built-with"></a>

### Tech Stack <a name="tech-stack"></a>

> We used the following tech stacks

<details>
 <summary>Javascript</summary>
 <ul>
 <li><a href="https://www.javascript.com/">React.js</a></li>
 </ul>
</details>

<details>
 <summary>HTML</summary>
 <ul>
 <li><a href="https://html.com/">Express.js</a></li>
 </ul>
</details>

<details>
<summary>Webpack</summary>
 <ul>
 <li><a href="https://www.webpack.com/">PostgreSQL</a></li>
 </ul>
</details>

### Key Features <a name="key-features"></a>

> The Web app provides the following features

- **Like involvement**
- **Comment reactions**
- **Food landing page**

(<a href="#readme-top">back to top</a>)

## 🚀 Live Demo <a name="live-demo"></a>

> Add a link to your deployed project.

- [Live Demo Link](https://simongideon.github.io/javascript-group-capstone-project/dist/)

(<a href="#readme-top">back to top</a>)

## Introduction

- [Watch the video](https://drive.google.com/file/d/1tb8PCQn0sUOj7AtlyWrjEN5DwHaiLPqN/view?usp=sharing)

## 💻 Getting Started <a name="getting-started"></a>

## 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:

<!--
Example command:

Generating your own key
> Navigate to scrc/app.js and paste 📋 the following function:
```
import getKey from './modules/getkey.js';
getKey();
```
 -->

### Setup

Clone this repository to your desired folder:

<!--
Example commands:

>check you console in the browser the key is returned as an error in the format: `u06lzZuHDEVnvjfd4K1F`
Run Webpack
```
$ npm init -y
```
--->

### Install

Install this project with:

<!--
Example command:

```sh
  cd javascript-group-capstone-project
  $ npm install
```
--->

### Usage

To run the project, execute the following command:

<!--
Example command:

```sh
  npm run start
```
--->

### Run tests

To run tests, run the following command:

<!--
Example command:

```sh
 npm run test
```
--->

### Deployment

You can deploy this project using:

<!--
Example:

```sh

```
 -->

(<a href="#readme-top">back to top</a>)

## 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:

<!--
Example command:

Generating your own key
> Navigate to scrc/app.js and paste 📋 the following function:
```
import getKey from './modules/getkey.js';
getKey();
```
 -->

### Setup

Clone this repository to your desired folder:

<!--
Example commands:

>check you console in the browser the key is returned as an error in the format: `u06lzZuHDEVnvjfd4K1F`
Run Webpack
```
$ npm init -y
```
--->

### Install

Install this project with:

<!--
Example command:

```sh
  cd javascript-group-capstone-project
  $ npm install
```
--->

(<a href="#readme-top">back to top</a>)

## 👥 Authors <a name="authors"></a>

> 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)

(<a href="#readme-top">back to top</a>)
*🎉Congratulations you're done*✨edIn: [LinkedIn](https://linkedin.com/in/linkedinhandle)

(<a href="#readme-top">back to top</a>)
*🎉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

(<a href="#readme-top">back to top</a>)

(<a href="#readme-top">back to top</a>)

## 📝 License <a name="license"></a>

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._

(<a href="#readme-top">back to top</a>)

Royal-Delicacies

Royal-Delicacies Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Royal-Delicacies

Royal-Delicacies Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README