Projects & Technical Case Studies

Deep dive into real-world applications, production systems, and full-stack software architecture.

FlagshipFLAGSHIP PROJECT

ChatCraft — Collaborative Workspace

Full-stack real-time collaborative coding & chat platform powered by WebSockets, Google Gemini AI, and Redis in-memory caching for low-latency team workflows.

React.jsTailwind CSSNode.jsExpress.jsSocket.ioGemini AIRedisMongoDB
Live Demo
SYSTEM SPECIFICATIONCHATCRAFT
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKReact.js + Tailwind CSS
›
BACKEND & RUNTIMENode.js + Express.js + Socket.io WebSockets
›
DATABASE / CMSMongoDB Atlas + Redis In-Memory Cache
FlagshipFLAGSHIP PROJECT

Kubik — Ride Booking Platform

Full-stack Uber-style ride hailing platform with live WebSockets driver tracking, dynamic fare calculation, and secure Razorpay payment integration.

ReactTailwind CSSGSAPNode.jsExpress.jsSocket.ioCloudinaryRazorpayMongoDB
Live Demo
SYSTEM SPECIFICATIONKUBIK-RIDE
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKReact + Tailwind CSS
›
BACKEND & RUNTIMENode.js + Express.js + WebSockets + Razorpay APIs
›
DATABASE / CMSMongoDB Atlas + Cloudinary Storage
ProductionLIVE PRODUCTION APPvia B4Q Management Ltd.

London Cert (londoner.co.uk) — Dynamic Full-Stack Platform

Full-stack CMS-driven production platform (londoner.co.uk) built with Next.js, Payload CMS, and PostgreSQL. Features dynamic Country → State → City location hierarchy and hosting on Render + HostingRaja Windows VPS via Plesk Panel.

Next.jsPayload CMSPostgreSQLHostingRaja VPSWindows ServerPlesk PanelRenderTailwind CSS
Proprietary Codebase (Office)
SYSTEM SPECIFICATIONLONDON-CERT
›
DEPLOYMENT CLOUDRender Cloud + HostingRaja Windows VPS (Plesk)
›
FRONTEND FRAMEWORKNext.js + Payload CMS
›
BACKEND & RUNTIMENext.js Server Actions + Payload CMS (Node.js)
›
DATABASE / CMSPayload CMS + PostgreSQL (HostingRaja VPS)
ProductionLIVE PRODUCTION APPvia B4Q Management Ltd.

Prime Success

Full-stack production web application built with Next.js & custom backend API, featuring automated daily News API fetching (12:00 PM schedule), contact form handling, and an admin panel for interview video uploads.

Next.jsNode.jsNews APIREST APIAdmin PanelTailwind CSSJavaScriptSEO OptimizationRender
Proprietary Codebase (Office)
SYSTEM SPECIFICATIONPRIME-SUCCESS
›
DEPLOYMENT CLOUDRender Cloud Infrastructure
›
FRONTEND FRAMEWORKNext.js + Node.js
›
BACKEND & RUNTIMENode.js REST API + Scheduled News API Fetcher (12 PM)
›
DATABASE / CMSBackend API + News API + Admin Video Portal
ProductionLIVE PRODUCTION APPvia B4Q Management Ltd.

QCCertification Portal

Core production web portal for B4Q Management Ltd. built with Next.js component architecture, reusable templates, responsive layouts, and Core Web Vitals SEO optimization.

Next.jsTailwind CSSJavaScriptSEO OptimizationRender
Proprietary Codebase (Office)
SYSTEM SPECIFICATIONQCCERTIFICATION
›
DEPLOYMENT CLOUDRender Cloud Infrastructure
›
FRONTEND FRAMEWORKNext.js + Tailwind CSS
›
BACKEND & RUNTIMENext.js App Router (Node.js Server Runtime)
›
DATABASE / CMSStatic Content / Render Edge Storage
Web App

WanderLust

Airbnb-inspired travel destination discovery marketplace with MVC server-rendered EJS templates, Passport session auth, and Cloudinary media uploads.

Node.jsExpress.jsMongoDB AtlasEJSPassport.jsCloudinary
Live Demo
SYSTEM SPECIFICATIONWANDERLUST
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKNode.js + Express.js
›
BACKEND & RUNTIMENode.js + Express.js + Passport Auth (MVC)
›
DATABASE / CMSMongoDB Atlas + Cloudinary Storage
Web App

Works Studio

Awwwards-inspired interactive agency portfolio featuring Locomotive smooth scroll, 60FPS GSAP ScrollTrigger timelines, and fluid Framer Motion transitions.

ReactTailwind CSSGSAPLocomotive ScrollFramer Motion
Live Demo
SYSTEM SPECIFICATIONWORKS-STUDIO
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKReact + Tailwind CSS
›
BACKEND & RUNTIMEClient-Side SPA / Vercel Edge Runtime
›
DATABASE / CMSMongoDB / Browser State / Local Cache
Web App

Image Enhancer

Frontend web application utility connected to PicWish API for image upscaling, clarity enhancement, and background removal with live side-by-side comparison sliders.

ReactTailwind CSSPicWish APIJavaScript
Live Demo
SYSTEM SPECIFICATIONIMAGE-ENHANCER
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKReact + Tailwind CSS
›
BACKEND & RUNTIMERESTful API Integration + PicWish Cloud API
›
DATABASE / CMSMongoDB / Browser State / Local Cache
Web App

CyberFiction

Visually immersive 3D canvas animation showcase featuring frame-by-frame HTML5 canvas sequence rendering and GSAP scroll-scrubbed timelines.

HTML5 CanvasCSS3JavaScriptGSAP ScrollTriggerLocomotive Scroll
Live Demo
SYSTEM SPECIFICATIONCYBERFICTION
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKHTML5 Canvas + CSS3
›
BACKEND & RUNTIMEClient-Side SPA / Vercel Edge Runtime
›
DATABASE / CMSMongoDB / Browser State / Local Cache
Web App

ShopCraft E-Commerce

Scalable frontend e-commerce platform featuring reactive cart state management, dynamic category filtering, search, and responsive product detail modals.

React.jsTailwind CSSJavaScript
Live Demo
SYSTEM SPECIFICATIONECOMMERCE
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKReact.js + Tailwind CSS
›
BACKEND & RUNTIMEClient-Side SPA / Vercel Edge Runtime
›
DATABASE / CMSMongoDB / Browser State / Local Cache
Web App

K72 Creative Agency

Minimalist editorial agency landing page built with wide grid layouts, bold typography scaling, micro-interactions, and high-performance vanilla JavaScript.

HTML5CSS3JavaScript
Live Demo
SYSTEM SPECIFICATIONK72-AGENCY
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKHTML5 + CSS3
›
BACKEND & RUNTIMEClient-Side SPA / Vercel Edge Runtime
›
DATABASE / CMSMongoDB / Browser State / Local Cache
Web App

Connectly SaaS Landing Page

Modern SaaS product landing page featuring interactive pricing toggle cards, team collaboration feature grids, FAQ accordions, and dark glassmorphic styling.

React.jsTailwind CSSFramer Motion
Live Demo
SYSTEM SPECIFICATIONCONNECTLY
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKReact.js + Tailwind CSS
›
BACKEND & RUNTIMEClient-Side SPA / Vercel Edge Runtime
›
DATABASE / CMSMongoDB / Browser State / Local Cache
Web App

Sundown Studio UI Clone

Pixel-perfect interactive clone of Sundown Studio design agency featuring custom video hover overlays that follow cursor movement and infinite marquee text scrolls.

HTML5CSS3JavaScript
Live Demo
SYSTEM SPECIFICATIONSUNDOWN-UI-CLONE
›
DEPLOYMENT CLOUDVercel / Render Edge
›
FRONTEND FRAMEWORKHTML5 + CSS3
›
BACKEND & RUNTIMEClient-Side SPA / Vercel Edge Runtime
›
DATABASE / CMSMongoDB / Browser State / Local Cache