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


Webpack 5 boilerplate with React and TypeScript

21-February-2026

A Webpack 5 boilerplate with React and TypeScript

Try the demo...

The code at GitHub

A Webpack 5 boilerplate with React and TypeScript. Babel 7 compiles the TypeScript files to ES5. The Webpack module "fork-ts-checker-webpack-plugin" handles the type checking. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.


Next.js 13 and MongoDB Membership System

21-February-2026

Full Stack Next.js Web application with TypeScript and JWT Authentication using MongoDB and Mongoose ODM serving as a Membership System

Tech used for the Web Application

  • The Next.js Web App is hosted at Vercel Cloud using Serverless Functions
  • Node 22 at Vercel Cloud
  • Next Version 13
  • React 18
  • TypeScript
  • Joi for validation
  • Zustand for state management
  • MongoDB was the choice of NoSQL Document Database
  • Mongoose ODM ( Object Data Modeling ) used for NoSQL Document Database
  • The MongoDB is hosted at Mongo Atlas Cloud Platform

Try the demo...

The code at GitHub

Next.js was used for creating this Full Stack Web application "Static Site Generator" SSG serving as a Membership System with login and registration towards a MongoDB. The Web App is secured by HTTPS and JWT Authentication.


Webpack 5 boilerplate with ES6 and above

19-February-2026

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.


Webpack 5 boilerplate with React

18-February-2026

A Webpack 5 boilerplate with React

Try the demo...

The code at GitHub

A Webpack 5 boilerplate with React. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.


Python FastAPI with PostgreSQL hosted at Vercel Cloud doing HTTP Basic Authentication

13-February-2026

Python FastAPI with PostgreSQL and OpenAPI / Swagger serving HTTP Basic Authentication - hosted at Vercel Cloud using Serverless Functions and implementing DevOps by GitHub + Vercel

Try the demo by OpenAPI...

Try the demo by Vue 3 SPA...

A Starter FastAPI + PostgreSQL + Basic Auth + Alembic + SQLAlchemy + OpenAPI - secured by HTTPS

CI / CD by VS Code + GitHub + Vercel Cloud

The Web API at GitHub

The Vue SPA at GitHub





A Blog made with Gatsby React and GraphQL