A Blog full of Web Projects

7 projects categorized with "GitHub Pages"

  • .NET Core 2.2 REST API with JWT Authentication - Azure and GH Pages

    03-June-2026

    ASP.NET Core 2.2 REST API with C# consuming from a Vue 3 client using JWT Authentication for Login

    The Vue 3 Client is hosted at GitHub Pages using Vite as Build Tool

    The API is hosted at Microsoft Azure App Service - using .NET 8 in azure-pipeline

    For the Web API a CI / CD Pipeline was implemented by Azure DevOps and deployed to Azure App Service

    A Login system by a Vue 3 and a Angular client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and Authentication by a JWT with the Baerer schema in the Authorization Header


  • .NET Core 2.2 REST API with Basic Authentication - Azure and GH Pages

    03-June-2026

    ASP.NET Core 2.2 REST API with C# consuming from a Vue 3 client using Basic Authentication for Login

    The Vue 3 Client at GitHub Pages using Vite as Build Tool

    The API is hosted at Microsoft Azure App Service - using .NET 8 in azure-pipeline

    For the Web API a CI / CD Pipeline was implemented by Azure DevOps and deployed to Azure App Service

    A Login system by a Vue client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and a Basic Authorization Header


  • Node Express REST API Membership system + Email notification - JWT

    16-March-2026

    Node Express REST API Role based Membership system with Email Verification and Forgot Password using Sequelize ORM towards a MySQL DB - Authentication by JWT

    Volta was used for Node Version Management switching between Node versions

    Functionality of the Web App

    • JWT authentication
    • 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

    • Node.js
    • Sequelize used to implement the ORM at the Web API
    • The Node.js Web API is hosted at Azure App Service with the Free App Service Plan
    • One React client at GH Pages which uses DevOps. The React HashRouter solves most 404 / Browser refresh issues at GH Pages
    • One React Client is hosted at a traditional Webhotel
    • The React TypeScript Client is hosted at a traditional Webhotel
    • MySQL as the Database for both Dev + Prod
    • CORS Policy implemented by Node.js and at Azure
    • JWT Token for access secure routes

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

    07-January-2026

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

    Note: Due to the resource limitations of the Microsoft Azure Free App Service Plan, the initial load time will be up to 30 seconds!

    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
    • MSSQL 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

  • Nuxt 3 Hello World Web App at GitHub Pages

    10-January-2025

    Nuxt 3 Hello World Web App ready for TypeScript and hosted at GitHub Pages using GitHub Actions as DevOps

    Node Version: 18

    Try the demo...

    The code at GitHub

    A Hello World by Nuxt v3.0.0 using GitHub Actions and Pages for DevOps. This Nuxt Web App is a minimal default starter


  • Nuxt 3 Ionic Web App at GitHub Pages

    03-December-2024

    Nuxt 3 Ionic TypeScript Web / Mobile Hybrid App using Capacitor IOS and Android. This starter template is hosted at GitHub Pages using GitHub Actions as DevOps

    Node Version: 18.20.5

    Try the demo...

    The code at GitHub

    This starter template is ready for developing Web / Mobile Hybrid Apps using Nuxt v3.0.0, Ionic, Capacitor, Ios and Android


  • Next.js 12 - DevOps by GitHub Actions and Pages

    01-December-2024

    Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages

    Version used for this Web App

    • Node 20.18.1
    • Next 12.1.6
    • React 18.1.0

    Try the demo...

    The code at GitHub

    A Create Next App with TypeScript using GitHub Actions and Pages as DevOps. This Next.js Web App is one of the default starters with a lot of useful links for learning Next.js.


Software Developer - Per Olsen - Denmark