Ionic 4 pwa app with okta authentication

This a sample hybrid mobile application project based on ionic 4 and firebase.

Currently this project is using the latest versions of all: Ionic 4 and Angular 8

Setup

Requirements to use this project:

Node.js (https://nodejs.org/download/)

npm (Node Package Manager, it comes with node.js installation)

In case you're not with the latest version of npm:

$ npm install npm -g

Cordova & Ionic Cli

To install both of them on your system just launch this command:

$ npm install cordova ionic -g

Install NPM Dependencies

Once you clone this repository, run this command on your terminal to install all needed dependencies:

$ npm install

Steps

Run this command on your terminal to add a pwa to the app and firebase hosting:

Start new app:

$ ionic start app-name app-type

Add pwa packege to the app:

$ ng add @angular/pwa --project app

Build and test the app:

$ ionic build --prod
$ npm install -g http-server
$ cd www
$ http-server -o

Host app in firebase hosting:

$ npm install -g firebase-tools
$ firebase login
$ firebase init
$ ? What do you want to use as your public directory? www
  ? Configure as a single-page app (rewrite all urls to /index.html)? Yes
  ? File www/index.html already exists. Overwrite? No
$ ionic build --prod // update the project build before do the production
$ firebase deploy

Launching the App

After deploying the application firebase giving the url like below.

$ https://ionic-okta-pwa.firebaseapp.com

Amazing contributors

_{Kasun Gamage}
💻 |