Random Quotes Machine

Simple Vanilla Javascript Project that demonstrate how to use Fetch API request to the server, and manipulate DOM with document.querySelector method.

It's PWA (Progressive Web App) that can add to mobile home screen to run feel like the native mobile app.

How to deploy on your firebase host?

Create .firebaserc and replace [your project name]

{
  "projects": {
    "default": "api-project-1008783682307"
  }
}

How to run locally?

1. Open index.html file directly at src/index.html
2. (Recommended) To prevent security issue and see how ServiceWorker works, you need to run website throught HTTP/HTTPS protocol. Run it on virtual server (easily) using serve package and NPM it will create virtual host and listening on port 5000 by default, so you can access it at http://localhost:5000.

npm install -g serve
serve ./src

Demo Application

You can find it here: https://api-project-1008783682307.firebaseapp.com/

Contributors

Weerayut Teja

Credit

• App Icon : Iconfinder.com
• Random Famous Quotes API