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

14-February-2024

A Webpack 5 boilerplate with Vue

The project I made with most stars at GitHub :-)

A Webpack 5 boilerplate with Vue.js. The demo App serve Vue routing, a Webpack logo, my photo with some info. The Vue App serve a demo CRUD functions for Employess towards a Web API at jsonplaceholder. The Webpack is ready for PostCSS, ES6 and above. Bootstrap CSS was used to make the demo mobile friendly.

Webpack 5 boilerplate with Angular

14-February-2024

A Webpack 5 boilerplate with Angular

Try the demo...

The code at GitHub

A Webpack 5 boilerplate with Angular 8. The demo App serve the Angular logo, a Webpack logo and shows routing and compiled Sass styles. Bootstrap CSS was used to make the demo mobile friendly.

Node Express Membership system + Email notification - JWT

13-February-2024

Node Express 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