View the Projects by pagnition

A Blog full of Web Projects

View the Projects by the navigation at the bottom of the Page sorted by Date...


Next.js 15 Web App with Basic Auth

30-November-2024

A Next.js Jamstack Web App with Basic Authentication hosted a Netlify

Version used for this Web App

  • Node 22.11.0 ( Note: Running Node 20 at Netlify for now )
  • Next 15.0.3
  • React 18.3.1

Try the demo...

The code at GitHub

The Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and Basic Authentication.

This Next.js Jamstack Web Application is hosted at Netlify Cloud and uses continuous build and deployment


Python and Flask Hello World Web App

30-November-2024

Python and Flask Hello World Web App hosted at Vercel Cloud implementing DevOps by GitHub + Vercel

Try the demo...

A Hello World Flask Web App with an endpoint /about - secured by HTTPS

CI / CD by VS Code + GitHub + Vercel Cloud

The source code at GitHub

Next.js 15 Web App with JWT Auth

29-November-2024

A Next.js Jamstack Web App with JWT Authentication hosted at Vercel

Version used for this Web App

  • Node 22.11.0
  • Next 15.0.3
  • React 18.3.1

Try the demo...

The code at GitHub

The Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and JWT Authentication.

This Next.js Jamstack Web Application is hosted at Vercel Cloud and uses continuous build and deployment


.NET 8 REST API with Dapper SQLite and xUnit

11-November-2024

.NET 8 REST API with C# and Dapper ORM + SQLite DB consuming an Angular 14 Client + Unit Testing

Unit Testing:

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

Coverage Reports are generated for visualize the result of Unit Testing ( .NET based xUnit )

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


.NET 8 REST API Membership system + Email verification

13-October-2024

.NET 8 REST 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




A Blog made with Gatsby React and GraphQL