Blog

Thoughts on web development, frontend engineering, and technology.

Dynamic Template Injection in Angular: Clean & Scalable

Jan 21, 2026

Discover how to inject feature-specific templates into a parent layout using ng-template, RxJS, and a slot service — no inputs or outputs needed.

angular frontend architecture design-patterns react-to-angular ng-template rxjs

Gathering Requirements and Introducing IPL Score Tracker Chrome Extension

Sep 24, 2024

IPL score chrome extension • Part 1

A deep-dive series on building a real-time IPL score-tracking Chrome extension from idea to production-ready architecture.

chrome-extension javascript webdev frontend architecture realtime api cricket ipl product-engineering system-design opensource

Architecture Breakdown of IPL Live Score Chrome Extension

Sep 24, 2024

IPL score chrome extension • Part 2

A detailed architecture breakdown of a real-time IPL Chrome extension using background workers, content scripts, and message-driven state management.

chrome-extension architecture javascript system-design realtime webdev service-workers browser-apis performance frontend ipl opensource

Implementing a Message-Driven Architecture for Live IPL Scores in a Chrome Extension

Sep 24, 2024

IPL score chrome extension • Part 3

A hands-on guide to implementing real-time IPL score updates in a Chrome extension using message passing between background workers, content scripts, and a React popup.

chrome-extension javascript react webdev realtime browser-apis service-workers frontend-architecture message-passing webpack ipl opensource

Using Webpack for Easy Development in a Chrome Extension

Sep 24, 2024

IPL score chrome extension • Part 4

A practical guide to setting up Webpack for a Chrome extension to enable fast, automated builds with React, Babel, and asset bundling.

webpack chrome-extension javascript react babel frontend-tooling webdev build-tools developer-experience opensource

Sharing State Between Vanilla and React Apps with Redux

Aug 14, 2024

A proof-of-concept showing how to share a single Redux state between a Vanilla JS app and a React micro-frontend in real time.

javascript react redux microfrontends state-management frontend-architecture vanillajs module-federation poc webdev opensource

Smart meal tracking on whatsapp

Jun 19, 2024

A WhatsApp bot that uses AI to analyze meal photos and instantly return calories and full nutritional breakdown.

twilio whatsapp ai generativeai gemini computer-vision healthtech nutrition api hackathon devchallenge opensource

Building Infinite Scroll with Virtual Scroll in Ember: A Step-by-Step Guide

Jan 24, 2024

A step-by-step guide to building high-performance infinite and virtual scrolling in Ember for large, dynamic lists.

ember javascript frontend performance virtual-scroll infinite-scroll webdev ui-optimization state-management opensource