Engineering Showcase

Featured Projects

A curated portfolio of browser extensions, full-stack platforms, developer utilities, and modern cloud applications.

PINNED FLAGSHIP 01Live(Currently for Microsoft Edge)

WordCatch

Manifest V3 Browser Extension & Vocabulary Building Engine

A full-stack browser extension that turns passive reading into active vocabulary building. Engineered with Manifest V3 background service workers, closed Shadow DOM tooltips for zero host-CSS leakage, and a Node.js/Express REST API backed by MongoDB Atlas with smart multi-tier caching and morphological fallbacks.

Closed Shadow DOM tooltip isolates UI from host website CSS conflicts

Service Worker JWT custody prevents content-script network credential exposure

Multi-tier lookup strategy (Cache → External Dictionary API → Negative Cache)

Morphological lemma resolution (e.g. running → run, studies → study)

Browser Extension MV3Shadow DOMNode.jsExpress.jsMongoDB AtlasDockerJWTJest

Live Platform Source Repository

Architecture SnippetProduction

// extension/background/service-worker.js (MV3)
chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
  if (msg.type === "LOOKUP_WORD") {
    fetch(`${API_URL}/api/words/lookup`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "Authorization": `Bearer ${jwtToken}`
      },
      body: JSON.stringify({ word: msg.word })
    })
    .then(res => res.json())
    .then(data => sendResponse({ ok: true, data }))
    .catch(err => sendResponse({ ok: false, err }));
    return true; // Async channel
  }
});

PINNED FLAGSHIP 02Live Production

Student Accommodation Platform

Full-Stack Discovery & Housing Search Engine

A comprehensive web platform engineered to simplify accommodation discovery near university campuses. Features a RESTful backend built with Node.js & Express, MongoDB document storage, secure JWT user authentication, and real-time interactive search filters.

Location-based university proximity searching and radius filtering

RESTful API architecture with JWT authentication & password hashing

Interactive search filters, detailed room listings & responsive UI components

React.jsNode.jsExpress.jsMongoDB AtlasJWT AuthREST API

Live Platform Source Repository

Architecture SnippetProduction

// server/routes/accommodation.js (Express REST API)
router.get("/search", async (req, res) => {
  const { city, maxPrice } = req.query;
  const listings = await Accommodation.find({
    city,
    price: { $lte: maxPrice }
  }).populate("owner");

  res.status(200).json({ success: true, listings });
});

Additional Projects & Utilities

More specialized tools, analytics dashboards, and web applications.

Live

Cosmos Dashboard

Interactive Analytics & Data Hub

Modern interactive analytics dashboard web application built with Next.js App Router, React 19, and Tailwind CSS. Provides modular data visualization components and real-time interface widgets.

Next.js 16React 19Tailwind CSSTypeScript

Code Demo

In Development

ClearRoute UK

Route & Incident Visualization Platform

A UK-focused route and incident mapping platform built with Next.js App Router and TypeScript. Features interactive map container UI, radius search filtering, predictive incident timelines, and crowd-sourced reporting.

Next.jsTypeScriptReactMap UITailwind CSS

Code

Live Utility

zodify-json

Client-Side JSON to Zod Schema Generator

A developer utility that dynamically parses raw JSON objects in browser memory and generates valid Zod validation schemas along with inferred TypeScript types — eliminating manual validation boilerplate.

Next.js 16React 19Tailwind CSSTypeScript

Code Demo

Live

Engineering Portfolio

Personal Engineering Portfolio & AI Assistant

Modern portfolio built with Next.js App Router and Tailwind CSS. Integrated with a streaming Groq LLaMA 3.1 AI chatbot assistant, Framer Motion transitions, and speed insights.

Next.jsTailwind CSSFramer MotionGroq AI

Code Demo

Live

Utility Toolbox

Modular Web Utility Suite

Reusable utility web app featuring a secure password generator, OTP generator, and random number engine. Built with modular component architecture reducing redundant code by 40%.

Next.jsReact.jsTailwind CSS

Code Demo