Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/radyaben/food-delivery

Food Delivery is a one-page healthy food ordering website. On this site, a user can get acquainted with the menu and learn more about each of the food styles.
https://github.com/radyaben/food-delivery

babel css3 html5 json-server php scss webpack

Last synced: 6 days ago
JSON representation

Food Delivery is a one-page healthy food ordering website. On this site, a user can get acquainted with the menu and learn more about each of the food styles.

Host: GitHub
URL: https://github.com/radyaben/food-delivery
Owner: RadyaBen
Created: 2022-08-08T12:27:53.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-08-09T07:56:51.000Z (over 2 years ago)
Last Synced: 2024-05-28T16:39:18.119Z (6 months ago)
Topics: babel, css3, html5, json-server, php, scss, webpack
Language: JavaScript
Homepage:
Size: 3.72 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


	


	Food Delivery





   ![GitHub last commit](https://img.shields.io/github/last-commit/RadyaBen/Food-Delivery?style=plastic)

   ![GitHub repo size](https://img.shields.io/github/repo-size/RadyaBen/Food-Delivery?style=plastic)

   ![GitHub language count](https://img.shields.io/github/languages/count/RadyaBen/Food-Delivery?style=plastic)

   ![GitHub top language](https://img.shields.io/github/languages/top/RadyaBen/Food-Delivery?style=plastic)



## About The Project

* Food Delivery is a one-page healthy food ordering website. On this site, a user can get acquainted with the menu and learn more about each of the food styles. 

* One feature of this site is that it allows them to calculate the number of calories in a meal. There is also an ability to contact users to clarify the order. 

* Menu data and user requests are stored on a local JSON server. In case of any changes by a user, the server reloads itself and the changes are automatically saved to a local JSON file. 

* Its main goal is to learn how to work with vanilla JavaScript and the module builder.

## Built With

* [PHP](https://www.php.net/)

* [Webpack](https://webpack.js.org/)

* [Babel](https://babeljs.io/)

* [JSON Server](https://www.npmjs.com/package/json-server)

* [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)

* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)

* [SCSS](https://sass-lang.com/) 

## Getting Started

### Prerequisites

* [Git](https://git-scm.com)

* [Node.js](https://nodejs.org/en/download/)

* [npm](http://npmjs.com)

### Installation

```sh

# Step 1: Clone the repository

$ git clone https://github.com/RadyaBen/Food-Delivery.git

# Step 2: Go into the repository 

$ cd Food-Delivery

# Step 3: Install NPM packages

$ npm install

# Step 4: Run the webpack

$ npx webpack

# Step 5: Run the app 

$ npm start

```