PORTFOLIO
This application, its design, and all components herein were created from scratch in 5 days in July 2025 to showcase emerging Frontend technologies and demonstrate my expertise. You can view the code here
Below you can view 7 side projects I have worked on, with demos and source code where available. There are also easter eggs hidden in this application that you can unlock by experimenting with the UI!
Click the down arrow below to begin your journey!
While my most recent projects are under NDA, you can read about the innovative features and technical solutions I've developed in my resume. Below you'll find a collection of side projects I created for fun that demonstrate my expertise in modern frontend development and creative problem-solving.
Johnny Castaway: Reborn
A love letter to my favorite childhood screensaver, rebuilt with a deterministic simulation engine, personality-driven behavior, branching stories, and dynamic weather and lighting. PixiJS rendering, persistent journals and optional WebAssembly AI run entirely on the client, including offline.
Vote On Anything
A full-stack opinion polling platform built from scratch. Features Twitter SSO, Cloudflare Turnstile bot protection, type-safe APIs with tRPC, real-time data visualization and complex relational data models.
Modern UI Horror RPG
A sophisticated game engine built from the ground up featuring advanced systems design, custom animation frameworks, and performance-optimized rendering. This project demonstrates deep technical expertise in game development architecture.
Ecosystem Simulator
A comprehensive TypeScript framework designed to teach object-oriented programming principles and web development fundamentals. Features modular architecture and real-time simulation capabilities.
PokeTeam
A modern, responsive web application featuring infinite scroll, intelligent caching strategies, and seamless mobile-first user experience. Demonstrates expertise in state management and API integration.
Horror RPG Game
A browser-based role-playing game featuring custom JavaScript tooling, immersive audio design, and interactive storytelling elements.
2026 / Simulation, rendering, and on-device AI
Johnny Castaway: Reborn
My love letter to the screensaver I grew up with. Johnny builds a camp, makes unlikely friends, and gets into trouble while you watch.
Visit the island
A simulation that can be replayed
The deterministic TypeScript simulation runs independently of PixiJS. Seeded islands and headless soak runs make it possible to replay bugs and check how stories, needs, and weather interact.
Keeping the story and animation in sync
Each authored action connects thoughts and results to actual poses, props, and destinations. Dedicated scene tools help check that Johnny does what the caption says.
Local AI with a dependable fallback
Optional Qwen inference runs locally through wllama and WebAssembly. It adds personality through validated choices and thoughts; authored rules keep the island running when the model is unavailable.
An island that survives the next visit
Persistent islands, an IndexedDB journal, and recoverable backups give every camp a history. Offline caching keeps the island available after its first complete visit; local AI has a separate model download.
INTERACTIVE PHONE STACK
Experience the power of modern React animations with this interactive phone stack. Click and drag phones to see them respond naturally, or throw them off the screen with realistic physics.
Controls how fast phones can fly off screen when flicked (1 = slow, 10 = fast)
Maximum rotation when phones are flicked (0° = no spin, 360° = full rotation)
💡 Tip: Pay attention to the speed & direction you flick each phone. The phone stack will re-assemble in the same directions and speeds you threw them!
Figma Design Work
A few examples from one of my Figma files, covering some UI and graphic design work. Pan and zoom around below to take a closer look.
Technologies I Work With
Here are the technologies I'm proficient in. Feel free to explore and filter by category or experience level.
Ready to Start Your Next Project?
I'm passionate about creating exceptional digital experiences. Let's discuss how we can bring your vision to life with cutting-edge technology and innovative design.