Hi! I am a software engineer specialised in frontend technologies with an eye for web performance & pixel perfect web design. Obsessed about user experience, open source & making modern web applications work as they should: beautiful, efficient, fast, and easy to use.

Emphasis on core web vitals, automation with CI/CD pipelines. In-depth experience with Nextjs framework and managing serverless cloud infrastructure with AWS & Cloudflare

Other interests, in random order: Flutter, JAM Stack, Event driven architecture, Microfrontends

Recent Articles

SEO friendly web design

Designers can optimise a webpage by focusing on what they show above the fold. Enforcing a performance driven approach from the beginning of a software lifecycle

Fri Feb 11 2022

Extending Next.js' Image component to improve UX

In this article, we explore extending the Next's image component to improve the end user experience alternatively.

Mon Nov 22 2021

CI/CD tooling for frontend projects

Setting up continuous integration pipelines for your frontend project can help you avoid bugs & filter out problems sneaking into production. 

Wed Apr 21 2021

HTML autocomplete value for "city"

A few days ago I was building a form in React that would take in user's address fields such as address lines, postal code, city, country, etc.

Wed Mar 31 2021

Handling runtime errors when server side rendering with Next.js

Avoid bad user experience by exploring different ways to manage runtime errors with Next.js

Tue Feb 09 2021

We prototyped an AI camera app to safeguard children from sexting

Offline first iOS camera app with a ML model that detects nudity at about 30-40fps

Fri Dec 18 2020

Highlighting railway tracks on Google maps using map data from OpenStreetMap

A few days ago, I stumbled upon a scenario where I had to plot a railway track on a web mapping service like Google Maps. There was a need to document this straightforward approach which would save some research time for the one’s wanting to achieve a similar objective.

Mon Oct 26 2020

Styled components vs Emotion js: Performance perspective

Ever wondered how your styles make it to the browser when using CSS-in-JS libraries? When using css in js libraries such as styled-components or emotion, the library removes the mapping between components and styles. This means that when you're defining your styles, you're actually creating a normal React component, that has your styles attached to it. This means you are shipping your styles in a .js file rather than a .css file. This has performance cost associated.

Wed Aug 19 2020

Positive Affirmations: program yourself to achieve anything

Introducing Growbox app to tell yourself you’re awesome, repeatedly.

Tue Aug 20 2019

CSS Animations with React = Juicy Frontend UI

Conditionally rendered CSS animations are core ingredients for a juicy user experience. With the styled-components library along with managing React’s component lifecycle this is a cakewalk. Couple this with Fast APIs, and you have the recipe for an addictive website user interface (UI).

Mon Feb 18 2019

Your basic guide to learn Git commands

15 Git commands to make you a know-it-all Git pro!

Fri May 11 2018

Integrating CCAvenue in Node.js & Angular

Structuring your web-application to accept Payments via CCAvenue

Sat Mar 24 2018