Featured Projects

A showcase of my web applications and digital projects

Molecular atomic element educational tool
Latest Project

Molecular: A 3D Chemistry App with an AI Tutor for the Classroom

An immersive 3D chemistry tool where students explore molecules, build atoms at correct angles, run reactions with physics, and learn from a context-aware AI tutor.

MLB Pitch Tracker

PitchTrack: Visualizing MLB Pitch Trajectories in 3D

A 3D pitch visualization tool built on Statcast data. See how elite pitchers deceive hitters through tunneling, compare arsenals, and mine pitch outcomes.

Structl mobile game

Building Structle: A Daily Bridge Puzzle with Custom Physics

How I built Structle, a mobile-first daily bridge-building puzzle game with a custom 120Hz Verlet physics engine, 3D rendering via React Three Fiber, and 25 handcrafted puzzles.

Pendu - Organic Gallery Layouts for React

Pendu - Organic Gallery Layouts for React

An organic gallery layout for React. Arrange images into beautiful, natural collages with no grid or masonry. 5.4 KB gzipped, zero dependencies, FLIP animations, and SSR ready.

Mission Control Rocket Simulation

Building Mission Control: Teaching Orbital Mechanics Through a Browser-Based Rocket Sim

Mission Control is a browser-based rocket engineering game that teaches orbital mechanics through hands-on experimentation. Players design multi-stage rockets, fly them manually through gravity turns, and learn real physics by failing and iterating. Built with Next.js 16, React Three Fiber, and a custom physics engine using the Tsiolkovsky rocket equation, Keplerian orbital mechanics, and RK4 numerical integration — no physics libraries. The 3D Earth features custom GLSL shaders for real-time day/night cycles, procedural cloud layers, and atmospheric scattering.

Real-time event social feeds

CenterStage: A Social Interaction Event Tool

Built with Next.js, TypeScript, Supabase, and Stripe, CenterStage is a SaaS platform that transforms live events by putting guests at the center of the experience. Attendees scan a QR code, share photos, videos, and comments from their phones — no app download required — and their content appears on screen in real time during the event. Designed for corporate conferences, association events, and social celebrations, CenterStage gives planners a turnkey engagement tool that enhances the guest experience without disrupting the main event.

DocSpark documentation

DocSpark: Command Line Documentation Tool for Typescript

DocSpark automatically generates beautiful, interactive, documentation for your React components. Just add a simple config file and a few JSDoc tags, then generate a complete documentation site—no story files, no complex setup required.

Use elements and star type and proximity to create a planet

Planet Builder Simulation

Create your own world and watch it evolve over billions of years as you mix elements, set orbital parameters, and choose your star type. Will your creation become a lush Earth-like paradise, a scorching lava world, or a frozen ice giant? The destiny of your planet lies in the primordial ingredients you choose and the cosmic forces you harness. Every choice matters in the grand experiment of planetary formation.

Traveling to Saturn from Earth in the simulator

Celestial Vehicle Propulsion Simulator

This simulator uses real astronomical data and physics calculations to demonstrate the challenges of space travel. Distances and travel times are based on actual orbital mechanics and propulsion capabilities, and give the true scale of how far the celestial bodies are in our own solar system.