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...


Node Express REST API Membership system + Email notification - JWT

10-January-2025

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

Node Express REST API Membership system + Email notification - JWT

05-December-2024

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

Try the demo...

The Node.js Web API was made without any ORM framework like Sequelize

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
  • Pure SQL instead of using ORM like Sequelize
  • The Node.js Web API is hosted at Azure App Service with the Free App Service Plan
  • The React 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

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


Node Express REST API Membership system + Email notification - JWT and Refresh Token

02-December-2024

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

Volta was used for Node Version Management switching between Node versions

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

  • 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
  • The React 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
  • Refresh Token by HTTP only Cookie to generate new JWT Tokens

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.





A Blog made with Gatsby React and GraphQL