My Projects

A collection of my work showcasing full-stack development, AI integration, and modern web technologies.

The Liminal Void screenshot 1The Liminal Void screenshot 2The Liminal Void screenshot 3The Liminal Void screenshot 4

1 / 4

The Liminal Void

Featured

The Liminal Void is an interactive psychological horror choose-your-own-adventure game built with Astro and React. Players navigate through a sentient labyrinth of shifting realities, retrieve Dr. Blackwood's research, and survive the Void. The game features a lives/hearts system where players start with 3 lives (expandable to 5 with healing items), a portal charge system for the flashlight weapon (3 charges), and an inventory system that affects story progression. The save system automatically bookmarks progress via localStorage, and players can achieve multiple endings—good, bad, and neutral—based on their choices. The atmospheric effects include scanlines, glitch text, and a terminal-style UI that creates an immersive horror experience. The story system is data-driven, with chapters defined in JSON featuring choices that can consume charges, add items, deal damage, heal, or set story flags.

Technologies

Astro React TypeScript Tailwind CSS Framer Motion Zustand
Panday screenshot 1Panday screenshot 2Panday screenshot 3Panday screenshot 4

1 / 4

Panday

Featured

Built a live BC trades apprenticeship roadmap platform used by real students, with interactive node-based visualization using React Flow and AI-powered career guidance. Implemented the full RAG chatbot pipeline: OpenAI embeddings, hybrid retrieval, streamed responses via Vercel AI SDK, and thread persistence with CRUD. Implemented rate limiting, Zod validation at API boundaries, and structured JSON logging. Designed Figma prototypes and translated them into a responsive, accessible UI with Tailwind CSS and shadcn/ui components. Delivered under a tight academic deadline.

Technologies

Next.js 15 React 19 TypeScript PostgreSQL Prisma Vercel AI SDK OpenAI Tailwind shadcn/ui React Flow
Strata Reserve Planning (SRP) screenshot 1Strata Reserve Planning (SRP) screenshot 2Strata Reserve Planning (SRP) screenshot 3Strata Reserve Planning (SRP) screenshot 4Strata Reserve Planning (SRP) screenshot 5

1 / 5

Strata Reserve Planning (SRP)

Featured

A data collection portal for Strata Reserve Planning, managing inspections, surveys, documents, and timelines across multiple user roles (Admin, Inspector, Client, Assistant). Built with a React 19 frontend and a Hono + Prisma backend, supporting role-based access control, appointment scheduling, document management, and automated email notifications.

Technologies

React 19 TypeScript Vite Supabase SCSS dnd-kit Hono Prisma PostgreSQL
Bandit Breakout screenshot 1Bandit Breakout screenshot 2Bandit Breakout screenshot 3Bandit Breakout screenshot 4

1 / 4

Bandit Breakout

Featured

A multiplayer online board game where players battle NPCs and other players to reach the finish line first. Choose from different characters, each with unique abilities. Combat is resolved through dice rolls combined with power-ups you collect along the way. Navigate the board, interact with NPCs to purchase items or make critical decisions that can help or hurt your progress. Strategic choices, luck of the roll, and tactical power-up management determine who crosses the finish line victorious. Built with Phaser.js for the game engine, TypeScript for type-safe code, Socket.IO for real-time multiplayer event-based communication, MongoDB for persistent game state, and Redis for real-time game state caching and room management.

Technologies

Phaser.js TypeScript Socket.IO MongoDB Redis Real-time Multiplayer
Obsidian Documentation Project screenshot 1Obsidian Documentation Project screenshot 2Obsidian Documentation Project screenshot 3Obsidian Documentation Project screenshot 4Obsidian Documentation Project screenshot 5

1 / 5

Obsidian Documentation Project

Featured

Created a comprehensive documentation site for Obsidian and the Zettelkasten method with step-by-step guides and instructional GIFs. Produced visual aids using screen recording and GIF editing tools, demonstrating clear technical communication for non-technical users.

Technologies

MkDocs Markdown VS Code Screen Recording GIF Tools

More Projects Coming Soon

I'm constantly working on new projects. Check back soon for updates on my latest work, including client projects and personal experiments.

Have a project in mind?