Portfolio

Production projects, real impact

Every project here is shipped to production, solving real-world problems at scale. From Healthcare SaaS to multi-currency E-commerce platforms. Click any project to view its full case study.

Project 01Healthcare SaaS
Live →

Round Smarter

AI-Powered Physician Rounding Assistant for streamlined clinical documentation.

Overview

A dynamic Healthcare SaaS web application designed for doctors to manage patient censuses, view clinical records (vitals, labs, medications), and automate SOAP note generation via an integrated AI chat interface.

The Challenge

Physicians required hands-free note dictation during rounds without interrupting workflows, while the client needed to load huge lists of active patients and run batch note generation without locking the thread or causing database lag.

Key Impact

Engineered a high-performance patient list with react-window virtualization to render 100+ records smoothly at high frame rates
Integrated DexieJS (IndexedDB) with a 7-day TTL caching strategy to reduce duplicate API queries for medical and diagnosis catalogs
Built a hands-free voice-to-text dictation feature using react-speech-recognition to capture clinical notes on-the-go

Tech Stack

React 19Vite 6.1Material UI (MUI v6)Redux ToolkitReact Router v7Axios+6 more
Project 02E-commerce & Warehouse Management
Live →

Texas Hub

An enterprise E-commerce suite featuring a customer portal and a warehouse admin panel with camera/hardware barcode scanning.

Overview

A production-grade dual-application suite built for an e-commerce business. It comprises an internal admin dashboard for warehouse shipping and multi-currency catalog management, and a customer-facing portal with a unified shopping cart and order tracking.

The Challenge

The warehouse management side required real-time barcode scanning that prevented scan conflicts between concurrent packaging sessions. The client-facing website required localized multi-currency checkout, route-splitting for bundle sizes, and role-based route guards.

Key Impact

Implemented real-time barcode scanning (hardware scanner & camera-based html5-qrcode) to eliminate warehouse inventory scan conflicts
Unified regular products and spare parts under a single, high-performance Redux Toolkit cart slice with dynamic price recalculation
Established secure role-based routing (Public, Auth-only, Private) across all portals utilizing React Router DOM

Tech Stack

React 19Vite 7Redux ToolkitRTK QueryMaterial UI (MUI v7)Axios+4 more
Project 03B2B AI Services
Live →

MMF Infotech AI

MMF Infotech — AI & Automation Corporate Website

Overview

A high-performance corporate marketing website and lead-generation engine for an AI automation and IT services firm. It features multi-level dynamic service pages, a headless WordPress blog, and interactive case study displays.

The Challenge

The platform required a complex dynamic catalog representing 20+ sub-services, full GDPR cookie compliance, GSAP scroll animations running at 60fps, and headless WordPress API synchronization with dynamic meta tags for SEO.

Key Impact

Configured 6 JSON-LD Schema types (Organization, WebSite, Service, FAQPage, LocalBusiness) to achieve maximum search engine indexing
Built a headless WordPress blog integration with Incremental Static Regeneration (ISR revalidate: 60) for near-instant page loading
Engineered smooth 60fps animations by syncing GSAP ScrollTrigger timelines directly to the Lenis requestAnimationFrame ticker

Tech Stack

Next.js 16React 19Tailwind CSS v4GSAPLenisSwiper.js+4 more
Project 04Repair Booking & E-Commerce SaaS
Live →

30 Minutes Fix

A premium React-based repair booking platform with custom calendar scheduling, Stripe & PayPal checkouts, device diagnostics canvas patterns, and automated dynamic SEO sitemaps.

Overview

A large-scale multi-module SPA for a device repair platform covering repair booking, DIY parts e-commerce, protection plans, insurance quotes, and a user dashboard using React 18, Vite, Redux Toolkit, and MUI v5.

The Challenge

The platform needed to manage 18+ Redux slices for a complex multi-step booking engine while integrating multiple payment providers (Stripe, ZipPay, PayPal) with different success/failure redirect flows.

Key Impact

Minimized rendering bottlenecks and API query volume through debounced virtualized dropdown list components (react-window)
Designed a robust dynamic sitemap pipeline fetching slugs directly from REST API endpoints to boost Google SEO visibility
Created a secure, client-side pattern drawing interface to save technician diagnostic unlocking codes without plaintext exposure

Tech Stack

React.jsRedux ToolkitFormikMUI (Material UI)ViteGoogle Maps API+2 more
Project 05Freelance · Corporate Web App
Live →

Zixisoft

A static web application for an IT company featuring dual-portal registration for Agencies and Developers with smooth animations and custom form validation.

Overview

A freelance project built for Zixisoft IT Company — a static web application that bridges agencies looking to post jobs with developers seeking opportunities. The platform features two distinct registration and login flows, a live job listings board, and an agency job-creation form, all wrapped in a modern animated interface.

The Challenge

The platform needed to serve two completely different user types — Agencies and Developers — each with their own registration, login, and dashboard flows. Both form sets required thorough custom validation to prevent erroneous submissions, while the UI had to feel polished and engaging without a heavy backend.

Key Impact

Delivered the full project on time and within budget as a freelance engagement
Designed and implemented dual-portal architecture (Agency + Developer) with isolated routing and validation logic
Built a dynamic job listings board and an agency-facing job-creation form with end-to-end custom validation

Tech Stack

React.jsViteReact RouterCSS AnimationsCustom Form Validation
Project 06Public Safety SaaS
Live →

Nexxusone

A scalable, real-time security management platform unifying public safety operations across multiple specialized user roles with live communication, case management, and location tracking.

Overview

Nexxusone is a mission-critical security management platform designed to streamline public safety operations. It provides a single pane of glass for Super Admins, Agencies, Officers, Dispatchers, and End Users — unifying real-time voice/video communication, live officer location tracking, dynamic case filing workflows, and collaborative workspaces within a single adaptive interface.

The Challenge

The platform required complex, asynchronous integrations for low-latency real-time data — including Firestore data streams, Agora SDK's multi-step authentication and token generation flow, and composite real-time map rendering — all while supporting granular, role-based access control across five distinct user types without degrading performance or UX consistency.

Key Impact

Sole frontend architect — designed and delivered the entire UI/UX from the ground up with no prior codebase to build on
Engineered a persistent, low-latency Firebase/Firestore real-time data engine powering live case updates, chat, and state synchronisation across all roles
Successfully implemented the Agora SDK authentication and token generation flow, enabling secure, high-quality voice and video communication channels

Tech Stack

React.jsMaterial-UI (MUI)FirebaseFirestoreRedux ToolkitAgora SDK+5 more