Technical Blog
System architecture blueprints, technical articles and guides, low-level system explorations, and execution logs from building scalable web, desktop, and mobile applications.
All Article Series
All Articles

Creating a Middleware and Updating a Contact | Full-Stack Google Contacts Clone with AdonisJS (Node.js) and Quasar Framework (Vue.js)
In this lesson, we created a middleware for DRYing request lifecycle, improved the validation to support contact update, and updating a contact.

How to Migrate Passwords from Bcrypt to Argon Hashes in AdonisJS
Learn how to migrate your users’ passwords which were hashed with bcrypt algorithm to argon algorithm while ensuring that they can still login seamlessly

How to Avoid SQL Injections, XSS Attacks, and File Upload Attacks in your Web Application
This long-form article discusses various vulnerabilities and how to mitigate them in web applications - including SQL injections, XSS, & file upload attacks

Connecting the Frontend to the API Server | Full-Stack Google Contacts Clone with AdonisJS Framework (Node.js) and Quasar Framework (Vue.js)
In this lesson, we connected the frontend to the API server so that contacts are now fetched from the backend. We also configured CORS for extra security.

Connecting UI Components to the Vuex Store | Full-Stack Google Contacts Clone with AdonisJS Framework (Node.js) and Quasar Framework (Vue.js)
In this lesson, we connect our UI components to the Vuex Store. The contacts data, contact edit form, and contact details page now points at the Vuex store.

Designing the Contact Details Page | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
In this lesson, we will design the contact details page for viewing the details/properties of each contact. We will also create the route for the page.

Using Model Factories and Seeders in AdonisJS | Full-Stack Google Contacts Clone with AdonisJS Framework (Node.js) and Quasar Framework (Vue.js)
In this lesson, we make use a model factory and seeder in AdonisJS to generate and persist sample contacts. We also list all contacts with pagination.

Data Validation & Sanitisation with AdonisJS | Full-Stack Google Contacts Clone with AdonisJS (Node.js) and Quasar Framework (Vue.js)
This lesson explores how to perform data validation and sanitisation in AdonisJS. It includes how to call the validator before storing data to database.

Setting Up Our API Server with AdonisJs Framework | Full-Stack Google Contacts Clone with AdonisJs (Node.js) and Quasar Framework (Vue.js)
In this lesson, we will setup our API Server with the AdonisJS Framework and installing, configuring, and testing some essential packages.

Comprehensive Guide for Creating and Managing Cron Jobs in Nodejs / Adonisjs Applications
This article discusses the strategies for creating managing cron jobs for Nodejs/Adonisjs application via the system cron daemon and in-process cron jobs.