angular-oidc-template

➤ Tech Stack

This project can be used as an Angular template for building a responsive Single Page Application with:

• An elegant landing page
• A secure home page
• A secure login using Auth0, a leading OpenID Connect compliant Identity Provider

The tech stack used are:

• Angular as the SPA framework
• angular-oauth2-oidc as OpenID certified javascript library
• Auth0 as the OpenID compliant Identity Provider
• AWS S3 for hosting the application
• GitHub Actions as the CI/CD tool

➤ CI/CD and metrics:

• GitHub Actions for continuous integration and delivery to S3
• Cypress for e2e tests
• SonarCloud for quality gates and metrics

➤ Use This Template

To create a GitHub repository using this template, click the Use this template button as shown below

➤ Project Documentation:

• Accompanying blog post is available here
• Live preview available at:
  • GitHub Pages
  • S3 static website
  • Netify
• Screenshots (see below)

Landing Page	Auth0 Login	Home Page

➤ Project Dependencies

To build and run this project, you'll need the following tools.

• Node.js - Install Node.js 12x+, including the NPM package management tool.
• Angular CLI - Install the Angular CLI
• AWS CLI (optional) - Install AWS CLI

➤ Build the Application

To build your application for the first time, run the following in your shell:

foo@bar:~$: npm install
foo@bar:~$: npm run build
foo@bar:~$: npm run test

➤ Run the application

To run this application for the first time, run the following in your shell:

foo@bar:~$: npm run start

Open up the browser to http://127.0.0.1:4200 to view the application

Please note that you may not be able to login until you complete step 1 and step 2 in Configuring Auth0

➤ Deploy the application

Deployment recommendations for this application are available here

➤ Project customization

To customize the project's documentation, please see Project Documentation And Metrics