Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/innolabglobal/the-yummy-pizza-ionic

The Yummy Pizza is a simple pizza delivery web application built with Ionic.
https://github.com/innolabglobal/the-yummy-pizza-ionic

angular food-delivery-application frontend ionic ionic-framework pizza-delivery pwa

Last synced: 1 day ago
JSON representation

The Yummy Pizza is a simple pizza delivery web application built with Ionic.

Host: GitHub
URL: https://github.com/innolabglobal/the-yummy-pizza-ionic
Owner: innolabglobal
Created: 2020-05-03T15:47:17.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2020-05-09T08:08:03.000Z (over 4 years ago)
Last Synced: 2023-03-10T03:51:07.713Z (almost 2 years ago)
Topics: angular, food-delivery-application, frontend, ionic, ionic-framework, pizza-delivery, pwa
Language: TypeScript
Homepage: https://the-yummy-pizza.web.app/
Size: 1.79 MB
Stars: 4
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# The Yummy Pizza Frontend Web Application

The Yummy Pizza is a simple pizza delivery web application built with Ionic.

### [Demo](https://the-yummy-pizza.web.app/)
*** Important Notes: The demo only include Munich city in deliver coverage area.

## Features

- Pizza ordering system.
- Login/Register is not necessary.
- View order history with details.

TODO:
- Improve validation of each form.
- Improve the UI & UX.
- Any other useful features.

### Tech
The Yummy Pizza uses a number of open source technologies that are good for rapid prototyping at minimum cost:

* [Angular 9](https://angular.io/) - Front end framework.
* [Ionic](https://ionicframework.com/) - Make HMTL easier.
* [Laravel](https://laravel.com/) - Server side logic.

### Installation

Install the dependencies and devDependencies and start the app using npm.

```sh
$ cd the-yummy-pizza-ionic
$ npm install
$ npm start
```

## Deploying to Firebase Hosting

Using Firebase Hosting, we can deploy our application's static files (HTML, CSS, JavaScript, etc) to the web with a single command. To get started, we'll download `firebase-tools` via npm:

```
$ npm install -g firebase-tools
```

[Read through firebase hosting quickstart](https://firebase.google.com/docs/hosting/quickstart) to get your site up and running in minutes.

Then, run the following commands:

```
$ firebase init
```

Then choose the name of the Firebase app you're deploying and enter `www` when prompted for your public directory. This will generate a `firebase.json` file. Update the file to include the following `rewrites` and `headers` configuration:

```json
{
"hosting": {
"public": "www",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
],
"headers": [
{
"source": "/build/app/**",
"headers": [
{
"key": "Cache-Control",
"value": "public, max-age=31536000"
}
]
},
{
"source": "ngsw-worker.js",
"headers": [
{
"key": "Cache-Control",
"value": "no-cache"
}
]
}
]
}
}

```

Deploy your app by running the command:

```
$ npm run build:firebase:prod
```

Note that you can use any hosting service you'd like to deploy The Yummy Pizza web app, you don't need to use Firebase Hosting.

### Companion apps

These are the other components associated with this project.

| App | Repo |
| ------ | ------ |
| Server-side API | https://github.com/ljieyao/the-yummy-pizza-laravel |

License
----
MIT