An explorable 3D town where every house is a project: walk it with WASD, drag to look, day/night cycle, fog and bloom, and an intro flythrough. Each storefront wears a project's screenshot — tap a house to open its preview. Built from scratch on three.js with a single WebGL scene, screenshot-faced geometry, lightweight 512px storefront textures, and a guided tour mode.
Tech Stack
- Three.js
- WebGL
- Next.js
- React
- JavaScript
More Projects
Jordan in Space (Scroll-Flight Portfolio)
A portfolio you don't read — you fly through it. Scroll and a rocket launches from Earth, threads past the planets, orbits a ring of my projects, and kamikazes into the sun. Real NASA + Solar System Scope textures, a procedural nebula and HUD, and a full scroll-driven camera rig at 60fps in the browser. Built from scratch on React Three Fiber + Next.js, adapted from an open-source concept into my own space.
Fashnable
AI virtual try-on for online stores: drop a flat garment photo and get a realistic video of an AI model wearing it. The app generates an on-model shot — with selectable model gender, age, body type, ethnicity and background, plus optional face and background references — then animates it, replacing costly photoshoots. Built as a full SaaS: invite-only auth, a credit ledger, asynchronous generation via Cloud Tasks, durable Firestore + Cloud Storage, and Lemon Squeezy billing with credit packs and subscriptions.
AutoCut
AI video editor for talking-head clips: drop a raw video and walk it through six steps, each paused for a human check, to a finished video with styled captions and b-roll. WhisperX transcribes it with word-level timing into an editable transcript you can export as .txt, dead air can be cut automatically, and captions come in four styles (Classic, MrBeast, Hormozi, Clean) with an optional karaoke mode that pops each word as it is spoken. Claude reads the transcript and your project context, picks the words worth highlighting and plans a cutaway every 5 to 8 seconds, using your own reference images where they fit and Flux-generated images where they don't, and any plan can be adjusted with a plain-English instruction. FFmpeg composites the final render. Hosted on Cloud Run behind invite-only Firebase sign-in, with direct browser uploads to Cloud Storage, each user's own API keys remembered in Firestore, and a running cost history per session. Started as a fork of the open-source ButterCut project.