Welcome to my

Project Showcase

Full-stack applications and tools built to solve real problems. From business platforms to developer utilities, these projects showcase modern web development practices focused on creating practical, user-centered solutions.

Scroll to explore
Riddlit Admin Dashboard
Team Management
Create Riddles

Riddlit

Daily team riddles with one-shot answers, streak tracking, and instant leaderboards. Built with Next.js, Supabase, Clerk, and Drizzle ORM.

Next.js 15SupabaseClerkTypeScriptDrizzle ORM
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
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
Trekk 3D Trail Map
Trekk Trail Details
Trekk User Profile

Trekk

Interactive 3D hiking trail platform with topographical mapping, trail details, and community features for outdoor enthusiasts seeking immersive trail exploration.

Vue 3TypeScriptMapbox GL.NET CoreSignalRSupabaseTailwind CSSPinia
Elite Garage Screens Gallery
Elite Garage Screens Email System
Elite Garage Screens Form System

Elite Garage Screens

Business website for garage screen door installation with interactive gallery, form handling, and structured data for a New Zealand company.

Next.js 15TypeScriptTailwind CSSMapbox GLMailer (SMTP)ZodreCAPTCHA
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
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
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