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


Python and Flask Starter Web App

05-January-2025

Python and Flask Starter Web App hosted at Vercel Cloud using Serverless Functions and implementing DevOps by GitHub + Vercel

Try the demo...

A Starter Flask Web App with endpoints - secured by HTTPS

CI / CD by VS Code + GitHub + Vercel Cloud

The source code at GitHub

Webpack 5 boilerplate with ES6 and above

05-January-2025

Webpack 5 boilerplate ready for ES6 and above

Try the demo...

The code at GitHub

A Webpack 5 boilerplate ready for ES6 and above using Babel. The demo App serve a Webpack logo, compiled PostCSS and consumes a web api from jsonplaceholder showing examples of async operations using async / await.


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

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

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




A Blog made with Gatsby React and GraphQL