https://github.com/persteenolsen/angular-14-example-gh-pages

Angular 14 Web Client at GH Pages working towards a .NET 8 REST API at Azure serving as a Membership system with Email verification
https://github.com/persteenolsen/angular-14-example-gh-pages

angular azure devops dotnet github-actions github-pages mssql

Last synced: 29 days ago
JSON representation

Angular 14 Web Client at GH Pages working towards a .NET 8 REST API at Azure serving as a Membership system with Email verification

• Host: GitHub
• URL: https://github.com/persteenolsen/angular-14-example-gh-pages
• Owner: persteenolsen
• License: mit
• Created: 2024-04-05T11:08:20.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-12-20T07:48:12.000Z (about 1 month ago)
• Last Synced: 2024-12-20T08:31:13.595Z (about 1 month ago)
• Topics: angular, azure, devops, dotnet, github-actions, github-pages, mssql
• Language: TypeScript
• Homepage: https://persteenolsen.github.io/angular-14-example-gh-pages
• Size: 318 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# angular-14-example - verification-boilerplate

Angular 14 Auth Boilerplate - Sign Up with Verification, Login and Forgot Password

Working towards a .NET 8 Web API

# Last updated

- 25-12-2024

The Web API was made without the ASP.NET Core Identity using custom JWT middleware

# Functionality of the Web App

- JWT authentication with refresh tokens

- Refresh token rotation

- Revoked token reuse detection

- Email sign up and verification

- Forgot password and reset password functionality

- Role based authorization with two roles "User" and "Admin"

- CRUD Account management routes with role based access control

# Tech used for this Web Client

- Node.js version 20

- Volta for Node Version management

- Angular 14 is the JS framework for this frontend

- TypeScript

- Jasmin for Unit Testing

- Karma for configuration and HTML Test report coverage

- GH Pages for hosting

- VS Code is my developement tool

# Tech used for Web API, DB, Hosting and DevOps

- .NET 8

- MS SQL for the DB

- Azure App Service for Hosting

- DevOps by Azure Repos and Pipelines

- CORS Policy with Credentials set to true

- Azure Data Studio for DB Management

- VS Code as developement tool

- Swagger API documentation with routes

# Architectural / Design pattern

- MVC architectural / design pattern which separates the App into logical components 

# Installing the Angular Client

- Make sure you have a new version of Node installed

- Download the code by zip or fork

- Run the command npm install by the command promt

# Development server:

- npm run start

- You can view the development server at `localhost:4200`

# Production build:

- npm run build

The production build will be in the folder: dist

# Testing

- npm run test

Testing with Karma and Jasmine

Test example 1 - src/test.example.spec

Test example 2 - src/app/test.example.spec

Note: Testing was not working with Angular 15 !

Maybe could be solved adding a test.spec.ts