The Yummy Pizza is a simple pizza delivery web application built with Ionic.
*** Important Notes: The demo only include Munich city in deliver coverage area.
- 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.
The Yummy Pizza uses a number of open source technologies that are good for rapid prototyping at minimum cost:
Install the dependencies and devDependencies and start the app using npm.
$ cd the-yummy-pizza-ionic
$ npm install
$ npm start
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 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:
{
"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.
These are the other components associated with this project.
App | Repo |
---|---|
Server-side API | https://github.com/ljieyao/the-yummy-pizza-laravel |
MIT