( 01 — Work )

Selected work

A range of full-stack builds — from a national federation to B2B commerce and interactive retail. Each one designed, engineered and shipped end to end.

Navesink Stem Cell Therapy

Medical Practice · Physician-led Stem Cell Clinic, Red Bank NJ

A cinematic website for a physician-led mesenchymal stem cell clinic on the Jersey Shore. A living 3D cell opens the story, then walks patients from the science to treatments, journey, stories and a free consultation.

Navesink turns a clinical practice into something calm and understandable. A glass-like 3D cell, drawn live in the browser, sits at the heart of the hero and reacts as you scroll, taking patients from the science of mesenchymal stem cells through treatments, the care journey, patient stories and how to visit. One 12-column grid, one type scale and one glass call-to-action keep every section consistent, and a qualify-and-book form leads straight into a free consultation.

RoleArt Direction, 3D & Front-End Development
YearOctober 2026
StackJavaScript · GSAP · ScrollTrigger · Lenis · Canvas · CSS

The Seventh Avenue

NRI Real Estate · An Interactive Tricity Estate

A real-estate concept for Indians abroad exploring Chandigarh, Mohali and Panchkula. A cinematic opening leads into an interactive 3D estate, property stories and a viewing planner that bridges time zones.

The Seventh Avenue turns property discovery into a place to explore. A cloud-framed architectural opening flows into a Blender-built estate rendered in Three.js, with walk and drive interactions. Property pages pair image galleries with clear specifications, while indicative currency conversions and a local-time viewing planner help overseas buyers orient themselves. A companion Studio previews edits to listings and estate content. The current release is a design prototype: listings and contact details are sample data, enquiries stay in the browser, and Studio publishing exports JSON for a future backend.

RoleArt Direction, 3D & Front-End Development
YearOctober 2026
StackVite · JavaScript · Three.js · GSAP · Lenis · Blender

Solane Museum

Interactive Art Museum & Atelier · A Museum of Slow Light

A walkable neoclassical museum in the browser holding 88 public-domain paintings across four hangs, one for each time of day. Sunlight, drifting dust and smooth motion bring it to life, and a built-in Studio lets the collection be rehung and grown.

Solane turns an art gallery into a place you walk through. A domed rotunda with an oculus opens into a barrel-vaulted Long Gallery, and every wall is a numbered slot: 22 walls per hang, 88 paintings in all. Dawn, noon, golden hour and night are not just lighting presets. Each is its own hang, so switching the hour sweeps the sun across the sky, swings the shafts of light and rehangs every wall with a different set of paintings. Light shafts and floating dust motes are drawn on the GPU from the live sun direction, so the beams always read as moving air. Movement is smooth and weighted: walking eases in and out, the look-around swipe on phones is fluid, and there is no avatar, only your own shadow where the sun reaches the floor. Paintings open into placards, with deep links to any view, painting or hour. Page transitions are particle whirlpools that condense into each destination’s sigil, drawn off the main thread so they never stall. Beyond the walk, the project grew into a small gallery business: The Atelier presents the collection as hand-painted replicas, fine-art prints, originals and sculpture with enquiry by WhatsApp, and The House carries contact details. Behind it all sits the Studio, a password-protected editor with a floor plan of all 22 walls, drag-and-drop from storage, a placement guide for new works, and Vercel Blob storage so edits publish in seconds without a redeploy. Built with Next.js, React, TypeScript and Three.js via React Three Fiber, with CC0 textures from Poly Haven and paintings from The Metropolitan Museum of Art.

RoleArt Direction, 3D Experience & Full-Stack Development
YearOctober 2026
StackNext.js · React · TypeScript · Three.js · React Three Fiber · Drei · WebGL · Keystatic CMS · Vercel Blob

Scribble.bio

AI-Powered Handwriting Intelligence · Pre-Product

A pre-product company, not a client build — a computer-vision and AI system that measures the structure of handwriting. The site is built as an instrument panel for that claim: a live, in-browser demo computes real geometry from the sample on screen, and every feature past that line is labelled exactly what it is.

Scribble.bio is Ishaan's own venture, built to prove a narrower and harder claim than most AI products attempt: that handwriting has measurable, reproducible structure, before anyone asks whether that structure means anything about the person. Hover a word in the live sample on the homepage and the page fits a baseline through the letters, measures slant weighted by how much ink each stroke contributes, groups ink into words, and reports spacing normalised against the writer's own letter height — numbers computed from the actual sample on screen, not staged. That live demo is stage one of a five-stage pipeline the product is engineered toward: ingest and quality control (resolution, lighting, blur and orientation scoring, reject-or-retake), deskew-and-normalise preprocessing, feature extraction across slant, spacing, size, pressure proxies, loops, baseline and rhythm, ensemble model scoring that maps those features to trait dimensions with confidence intervals against expert-labelled references, and an explainability layer that names the specific features behind every reading rather than asserting a conclusion. The rest of the roadmap — social discovery, compatibility matching, a vetted-graphologist marketplace, career coaching — is drawn on the site using the same handwriting-rendering engine as the hero, but every one of those sections is labelled precisely what it is: in development, coming later, future. Nothing on the site claims to be shipped until the measurement underneath it is real.

RoleFounder & Full-Stack Development
YearSeptember 2026
StackNext.js · Three.js · React Three Fiber · Computer Vision

Urban Theka

Punjabi Streetwear · Shopify Commerce

Punjabi streetwear with a storefront to match its attitude. A Shopify shopping experience that pairs bold campaign imagery with clear collection browsing, detailed product pages and a direct path from discovery to checkout.

Urban Theka brings Punjabi cultural references into contemporary streetwear. The storefront gives that identity room to breathe: a handwritten brand mark and an expansive campaign image introduce the label, while a restrained white interface keeps navigation and shopping controls clear. Men’s clothing, kidswear and accessories sit within one collection structure, with a dedicated Sidhu Moosewala section. Collection pages shift from campaign storytelling to product discovery through large photographs, tag filters, sorting and quick-view controls. Product pages bring imagery, size selection, quantity, garment descriptions and shipping information together before the add-to-cart action. Shopify provides the commerce foundation, keeping the shopping experience connected to catalogue and order management. Brand storytelling, newsletter signup and the Mohali store’s location give visitors routes beyond an individual product. The design balances a strong visual identity with the everyday tasks of finding a garment, choosing a size and buying it.

RoleShopify Storefront Design & Development
YearSeptember 2026
StackShopify · Theme Development · E-Commerce

BlackCord

Cable, Surge & Networking Hardware · Wholesale

A wholesale catalog and dealer-operations platform for electrical safety hardware — 363 products across 31 categories, same-day counter collection, and the admin console the team runs orders, quotes and dealer accounts from.

BlackCord sells the parts an installer never gets asked about until they fail — spikebusters, routers and adaptors, networking gear, cables and connectors — and the brief was to make 363 SKUs findable in seconds, not a scroll. The shop leads with search: paste a part number or type against the count, and results narrow live. The category directory does something most B2B catalogs don't bother with — it's written, not just listed, each of the 31 categories given a line of real copy ('Power comes in at one end of a building. Six shelves later, it is a camera watching the gate.') so a dealer skimming the shelf actually understands what a category is for. Behind the storefront sits a full operations console, not a bolted-on admin page: orders, a sequential quote pipeline (BCQ-26-00001 and up), enquiries, dealer accounts, customers, a bulk Excel importer for a catalog that turns over with every supplier update, and CMS control over pages, guides, category structure, the homepage hero and site pop-ups — every one of them editable without a deploy. Light, dark and system theming ship by default, and a dashboard flags what still needs attention — open enquiries, products still on demo pricing — so nothing launches half-finished by accident.

RoleFull-Stack Development
YearSeptember 2026
StackNext.js · React · CMS · Excel Import

nehruplace.app

Market Directory, Trade Tools & 3D Atlas

A digital guide and trade platform for Nehru Place: discover dealers tower by tower and floor by floor, compare their offers, request quotes and plan a visit through an interactive 3D district atlas.

NehruPlace connects the physical market to a searchable product. Its building register indexes 66 towers and 535 floor records, alongside 251 categories and 438 brands. Buyers can find shops, compare dealer prices and stock for the same product, save a shortlist and request quotes for a bulk order. The district extends beyond IT retail to offices, banks and services, with visit planning and an interactive Three.js atlas covering the market, metro stations and nearby landmarks such as the Lotus Temple, ISKCON and Kalkaji Mandir. The atlas follows mapped coordinates and building footprints; floor estimates and the sculptural landmark models are identified as visual studies rather than a surveyed replica. Behind the public experience sit seller tools for listings, offers, leads, messaging, reviews, subscriptions and analytics, plus staff workflows for verification, moderation and catalog management. Built with Next.js, TypeScript, Drizzle and Postgres, with Auth.js authentication, English and Hindi routes, and a written-answer concierge with human escalation. The refreshed visual identity uses layered pastel colour, glass-like panels and confident display typography to make a dense directory easier to explore.

RoleProduct Design & Full-Stack Development
YearAugust 2026
StackNext.js · TypeScript · Postgres · Drizzle ORM · Auth.js · Three.js

Shree Ji Law Associates

Law Experts LLP · Delhi

A litigation practice acting before the courts and tribunals of India — built with a custom black-and-gold claymorphic front end, a twenty-table CMS and the role-split CRM the firm runs the practice on.

The client wanted a structural reference from a leading Delhi firm's site and a black-and-gold, skeuomorphic material language with no off-the-shelf feel. We built every screen custom on top of a hardened backend: row-level security enforced as data, a draft-to-published gate staff can't bypass, and an admin/staff role split governing the whole portal. Deliberately, the public site has no anonymous insert path — enquiries are written server-side under a secret key, closing the spam hole the reference implementation had left open and documented. A WhatsApp button morphs into a card of firm contacts with a single shared animation; a Bar Council disclaimer gate meets the visitor before the site does; and a CMS behind every page means the firm edits practice areas, team, courts, empanelments and judgements itself. Hiring runs through it too — openings are posted from the portal and applications land beside the leads.

RoleFull-Stack Development
YearAugust 2026
StackNext.js · React · Supabase · CMS

Megastar Law Associates

Advocates · Chandigarh

A litigation and advisory practice covering criminal, civil, family, corporate and arbitration matters — argued before the Punjab & Haryana High Court, District Courts and NCLT — plus the internal CRM the firm runs on day to day.

Megastar Law needed a site that reads as considered as the counsel it represents: seven practice areas, a credential rail of the forums the firm appears before, and a scroll-choreographed homepage sequence. The practice-areas index uses a cursor-tracking preview plate — we rebuilt it to embed a live, real-time iframe of each destination page inside a small "device screen" instead of a static thumbnail, so hovering shows the actual page loading, not a stand-in image. Beyond the public site, we built the firm a private CRM — lead pipeline, client and matter records, appointments and a notes timeline — so every enquiry from the contact form lands directly in a system the advocates actually use, not an inbox.

RoleFull-Stack Development
YearJuly 2026
StackNext.js · React · Framer Motion · Supabase

Webnet Asia

Cinematic Studio Site & Interactive 3D Laboratory

Our studio identity brought to life through a kinetic titanium-and-glass sculpture, bold typography, detailed case studies and a live laboratory of original 3D worlds and interactive effects.

Webnet Asia is both the studio’s public home and a place to demonstrate the work directly. The homepage pairs a Blender-designed levitating ring sculpture with a Three.js scene that rotates automatically and responds to dragging. Light and dark art direction, kinetic headings and purposeful scroll motion carry the same identity through services, portfolio and contact. The Laboratory expands that language into original Blender environments, material and animation studies, alongside browser experiments in refraction, shaders, typography and interaction. Visitors can turn the models, pause their animation and inspect available lighting controls. Next.js and React connect the visual layer to structured case studies, an editing workspace, search metadata, articles and direct enquiries. Responsive layouts, explicit motion controls and rendered image fallbacks let the content remain usable when an interactive scene is unavailable.

RoleArt Direction, 3D & Full-Stack Development
YearJuly 2026
StackNext.js · React · Three.js · GSAP · Blender

BHL Networks

B2B Networking Distribution

A dealer-facing distribution platform — 170+ networking products across seven catalog lines, with accounts, online checkout, a bulk-order desk and the CRM the team works the enquiries from.

BHL supplies SFP modules, fibre, switches and structured cabling to dealers and ISPs. We built a browsable, filterable catalog spanning seven product families, a four-step "how it works" ordering journey, and bulk-order inquiry flows — engineered for a B2B buyer who values speed and clarity over fluff. It is a full storefront, not a brochure: dealers hold an account, build a cart and check out through Razorpay, and every enquiry lands in a leads CRM the team exports to Excel. The whole catalog and blog sit behind a CMS, so a 170-product range that changes with every supplier update stays current without a redeploy.

RoleFull-Stack Development
YearJuly 2026
StackNext.js · Neon Postgres · Razorpay · CMS

FAIITA

India's IT Trade Federation

A national federation uniting 50,000+ IT businesses across 26 states and 100+ associations — built as the collective digital voice for advocacy, membership and industry knowledge.

FAIITA needed a platform that felt as large as its mandate: representing tens of thousands of entrepreneurs to government and industry. We designed and built a fast, content-driven site with a browsable directory of state and member associations, a leadership roster, and a resource hub carrying news, events, newsletters, policy papers and a photo gallery. Because a federation publishes constantly, we built it on a custom CMS covering every one of those collections — the team adds news, events, reports and member notices themselves, with an audit log on every change, Excel export on every table, and an RSS feed and site-wide search so the material actually gets found.

RoleFull-Stack Development
YearJune 2026
StackNext.js · Prisma · Postgres · CMS

Jetage India

Authorized HP Partner · est. 1989

A retail e-commerce experience for a 37-year HP dealer, built around a real-time 3D product hero — spin it, scroll it open, switch its finish — backed by a printer-finder, a compare tray, a three-year cost calculator and a CMS-managed catalog.

Jetage blends heritage with modern retail, and the homepage opens with the thing a dealership can never do over WhatsApp: hand you the product. The flagship laptop is a real-time Three.js model — it rotates under the cursor, the lid opens as you scroll the page, and four finishes (Shadow, Cobalt, Ceramic, Mica) swap live on the material rather than cross-fading between photographs, with a progress-metered loader so the hero never pops in half-built. The rest of the catalog carries tilt-interactive photography in the same language. Around it sit the decision tools: a printer-finder that matches customers to the right model, a compare tray for two or three side by side, and a calculator for three-year cost of ownership — all in a sharp dark theme with WhatsApp ordering. Behind it, an audit-logged admin CMS for the catalog and blog, and a Google Merchant feed so the range shows up in Shopping, not just on the site.

RoleDesign & Development
YearJune 2026
StackNext.js · Three.js · Neon Postgres · CMS

Inder Thakral

Real-Estate Advisory · Tricity

A trust-first advisory platform for the Chandigarh Tricity — featured listings, an insights journal and a frictionless WhatsApp inquiry flow, all editable from the advisor’s own dashboard.

For an independent advisor with 15+ years in the market, credibility is everything. We built a clean, conversion-focused site: featured property listings with full specs and photography, service pages spanning plots, commercial and rentals, an insights journal arguing the market rather than describing it, and direct WhatsApp / call inquiry paths that turn browsers into leads — wrapped in a cinematic, scroll-driven hero built from a hand-shot frame sequence. A dashboard behind it lets the advisor add a property or publish a post himself, so a listing goes live the day it comes on the market.

RoleDesign & Development
YearJune 2026
StackNext.js · React · CMS · Vercel