A Blog full of Web Projects

7 projects categorized with "Angular"

  • .NET 8 Web API doing Authentication by JWT and Refresh Tokens

    05-May-2024

    Angular client towards a Web API by .NET 8 with C# using JWT and Refresh Tokens for Authentication

    Traditional webhosting is used for this Application

    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

    Tech used for building the Web App

    • C#
    • The .NET 8 Web API is hosted at a traditional Webhotel
    • The Angular Client is hosted at a traditional Webhotel
    • SQLite as the Database for both Dev + Prod
    • CORS Policy implemented by .NET
    • JWT Token for access secure routes
    • Refresh Token by HTTP only Cookie to generate new JWT Tokens

    By using JWT + Refresh Tokens the security will be improved. The JWT can have a reduced time to live and therefor less likely to be stolen


  • .NET 8 Web API Membership system + Email verification - Azure and GH Pages

    03-May-2024

    .NET 8 Web API at Azure with C# using Entity Framework Core + MS SQL consuming an Angular 14 Client at GH Pages - serving as a Membership System

    Unit Testing:

    • Karma + Jasmine - Used with the Angular Client

    Try the demo...

    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 building the Web App

    • C#
    • The .NET 8 Web API is hosted at Azure App Service
    • DevOps by Azure App Service + Repos for the .NET 8 Web API
    • The Angular Client is hosted at GH Pages
    • DevOps by GitHub Actions + Pages for the Angular Client
    • MS SQL as the Database for both Dev + Prod
    • CORS Policy implemented by .NET
    • JWT Token for access secure routes
    • Refresh Token by HTTP only Cookie to generate new JWT Tokens
    • Swagger API documentation with routes

  • .NET 8 Web API Membership system + Email verification

    02-May-2024

    .NET 8 Web API with C# using Entity Framework Core + SQLite consuming an Angular 14 Client - serving as a Membership System

    Unit Testing:

    • Karma + Jasmine - Used with the Angular Client

    Try the demo...

    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 building the Web App

    • C#
    • The .NET 8 Web API is hosted at a traditional Webhotel
    • The Angular Client is hosted at a traditional Webhotel
    • SQLite as the Database for both Dev + Prod
    • CORS Policy implemented by .NET
    • JWT Token for access secure routes
    • Refresh Token by HTTP only Cookie to generate new JWT Tokens
    • Swagger API documentation with routes

  • .NET 7 Web API using Dapper SQLite

    16-March-2024

    .NET 7 Web API with C# and Dapper ORM + SQLite DB towards an Angular 14 Client + Unit Testing

    Unit Testing:

    • XUnit - Used with one of the .NET Web API
    • Karma + Jasmine - Used with the Angular Client

    Try the demo...

    Dapper is a lightweight Micro-ORM which can be an alternative to Entity Framework Core ORM

    SQLite is local DB and fine for testing and small applications

    Traditional webhosting is used for this Application


  • Webpack 5 boilerplate with Angular

    14-February-2024

    A Webpack 5 boilerplate with Angular

    Try the demo...

    The code at GitHub

    A Webpack 5 boilerplate with Angular 8. The demo App serve the Angular logo, a Webpack logo and shows routing and compiled Sass styles. Bootstrap CSS was used to make the demo mobile friendly.


  • .NET Core 2.2 Role based Membership system

    07-October-2023

    ASP.NET Core 2.2 Web API with C# towards Angular and React serving as Role based Membership system

    Traditional webhosting is used for this Application

    A Web API role based Membership System for authentication and registration managing Users by an Angular or React client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and Authentication by a JWT

    Administrate Posts by an Angular client and the Web API after a successfully login


  • Node Express Role based Membership system

    15-September-2020

    Node Express React Vue Angular MySQL Role based Membership system

    Hosted at Microsoft Azure App Service with the Free App Service Plan.

    A Web API Membership and Authentication System of Users. The frontends are developed in React, Angular and Vue.js + Vuex. The Web API is implemented in Node.js and Express. Secured by HTTPS, CORS and Bcrypt. For Authentication a JWT is send with the Baerer schema in the Authorization Header.


A Blog made with Gatsby React and GraphQL