Welcome to my

Project Showcase

Take a look at some of the projects I've developed, each reflecting unique facets of web development.

Scroll to explore
CSS Battle Editor
CSS Battle Comparison
CSS Battle Challenges

CSS Battle

A full-featured web app for recreating CSS battles with real-time previews, scoring based on accuracy and code efficiency, and interactive comparison tools.

Next.jsTypeScriptTailwind CSSMonaco Editorhtml2canvas
Axiom Main
Axiom Physics
Axiom Particles

Axiom

3D graphics and game dev testing environment built with Three.js, showcasing shaders, particle systems, and physics simulations for creative experimentation.

Next.jsThree.jsTypeScriptGLSLWGSLReact Three FiberRapier Physics
POE2 Tools Main
POE2 Tools Skill Tree
POE2 Tools Build Planner

POE2 Tools

Next.js toolkit for Path of Exile 2 featuring skill tree visualization, build planning, and DPS calculations, demonstrating dynamic UI and complex integrations.

Next.js 15TypeScriptTailwind CSSSupabaseFramer MotionOAuth
SteamShare Main
SteamShare Gallery
SteamShare Editor

SteamShare

Steam screenshot management platform with integrated gallery organization and canvas editing, real-time data handling and interactive media processing.

React 18TypeScriptSteam Web APIFabric.jsFramer Motion
Encompass Tours Hero
Encompass Tours About
Encompass Tours Contact

Encompass Tours

Digital platform for NZ motorcycle tours using Vue and Supabase, server-side caching, dynamic tour management, and interactive route visualization.

Vue.jsSupabaseRedisNode.jsTypeScript
Next.js Template Main
Components Preview
3D Examples

Next.js Template

A comprehensive Next.js template featuring UI components, 3D capabilities, and example implementations, serving as a robust foundation for modern web apps.

Next.jsTypeScriptTailwind CSSThree.jsReactFramer Motion
Golf2Go Hero
Golf2Go Booking
Golf2Go Courses

Golf2Go

Modern business website for a portable miniature golf company, rebuilt with Next.js for improved performance and a refined user experience.

Next.jsTypeScriptTailwind CSSreCAPTCHAZodSMTP
Checkpoint Main
Checkpoint Dashboard
Checkpoint Analytics

Checkpoint

GitHub analytics dashboard built with Next.js featuring interactive contribution visualizations, language distribution analysis, and detailed activity metrics.

Next.js 15TypeScriptGitHub GraphQL APITailwind CSSNivo Charts

Resources

Interactive visualizations and insights into my development journey

Word Cloud - Tech Stack

Interactive word cloud visualization of my tech stack, with size indicating usage frequency and colors representing different categories

Mind Map - Learning Journey

Structured overview of my programming knowledge, organized as an interactive mindmap with different categories and importance levels

Initializing connection... (0%)

GitHub Activity

Visual representation of my GitHub contribution activity, showing commit frequency and development patterns over time