~/home~/about~/projects~/ventures~/contact

</projects>

────────────────────────────────────────

loading git activity...

SPEECHMAX
[WEB APP][5TH / 183 · UNIHACK 2026]
────────────────────────────────────────

5th place at UNIHACK 2026 (183 projects, 800 participants). A real-time AI speech coach that runs entirely in the browser. Uses MediaPipe for eye contact and posture tracking, Web Speech API for transcription, and Web Audio API for pitch analysis. Five gamified training modes target your weakest areas. All processing happens client-side for complete privacy.

react· typescript· mediapipe· web-speech-api· web-audio-api· gemini-2.5-flash· supabase· framer-motion· zustand· tailwind
[TEAM PROJECT]
────────────────────────────────────────
UNISPACE
[PWA][IN DEVELOPMENT···]
────────────────────────────────────────

Real-time campus occupancy platform for university students. Live building heatmaps across 18 Parkville campus buildings, floor-by-floor breakdowns, crowd reporting with noise levels, smart spot recommendations filtered by amenities and walking distance, 24-hour predictive forecasting, and push alerts when spaces free up. Privacy-first: GPS never leaves your device.

react 19· typescript· tailwind v4· vite· mapbox· supabase· pwa· turf.js· zustand· recharts· framer-motion· deno edge functions· google places api
[SOLO BUILD]
────────────────────────────────────────
RIPPLE
[WEB APP][IN DEVELOPMENT···]
────────────────────────────────────────

Civic infrastructure reporting platform. Snap a photo of a pothole, broken light, or graffiti — AI classifies it in 3 seconds, geolocks the report, and communities vote to help councils prioritize repairs. On-device TensorFlow.js means no images leave your phone. Privacy-first, no account required.

react 19· typescript· vite· tailwind· mapbox· supabase· tensorflow.js· mobilenet· turf.js· zustand· framer-motion· elasticsearch· pwa
[SOLO BUILD]
────────────────────────────────────────
ATLAS
[WEB APP]
────────────────────────────────────────

A real-time analytics and monitoring dashboard built for a logistics client in Melbourne. Live WebSocket data feeds, interactive D3.js visualisations, role-based access control, and automated PDF report generation. Codebase handed off to client under NDA.

next.js· typescript· d3.js· websockets· supabase· tailwind
[SOLO BUILD]
[client handoff - NDA]
────────────────────────────────────────
VOUCHR
[WEB APP]
────────────────────────────────────────

A group buying marketplace built for COMP30022 at the University of Melbourne. Buyers create or join buying groups to leverage collective demand, and the system matches them with sellers based on location and product interest, issuing vouchers when enough deposits accumulate.

react· typescript· tailwind· three.js· vite· websockets
[FRONTEND LEAD]
[client handoff - NDA]
────────────────────────────────────────
JJ MARINE
[WEB]
────────────────────────────────────────

Full digital overhaul for a yacht and boat dealership in Dubai, UAE. Redesigned the website, built custom UI dashboards for internal operations, integrated a chatbot and AI agent for customer support and lead handling, and ran ad campaigns across digital channels.

ui/ux design· web design· ai agents· dashboards· digital marketing
[CDO]
[coming soon][live →]
────────────────────────────────────────
3D & BLENDER WORK
[CREATIVE]
────────────────────────────────────────

Personal 3D modelling and rendering projects. PSX-style character figures with packaging design, cyberpunk environments, product visualization, and animated renders. All models built from scratch in Blender.

blender· 3d modelling· rendering· character design· environment art
[3D ARTIST]
[coming soon]
────────────────────────────────────────
COLLAB DASHBOARD
[WEB APP]
────────────────────────────────────────

A real-time collaborative whiteboard with sub-100ms latency. Multiple users draw, diagram, and annotate simultaneously with live cursor tracking, layered canvas, AI-powered shape recognition, role-based permissions, and threaded comments, all synced over WebSockets.

react· socket.io· node.js· express· canvas-api· vite
[SOLO BUILD]
────────────────────────────────────────
github ↗
3D GITHUB VISUALIZER
[WEB]
────────────────────────────────────────

An interactive WebGL application that transforms any GitHub profile into a living 3D universe. Each repository becomes a sphere, sized by stars, colored by language, positioned by age and activity. Supports real-time search, filtering, heatmaps, collaboration snapshots, and full keyboard/touch accessibility.

react· three.js· webgl· github-api· vite· css
[SOLO BUILD]
────────────────────────────────────────
GITPULSE
[CLI TOOL]
────────────────────────────────────────

A terminal CLI that generates beautiful developer profile report cards from any GitHub username. Stats, language breakdowns, contribution heatmaps, commit patterns, coding streaks, hire-ability scores, and Three.js 3D scene export.

typescript· node.js· cli· github-api· three.js· vitest
[SOLO BUILD]
────────────────────────────────────────
github ↗
RIPE
[MOBILE APP (UX)]
────────────────────────────────────────

A mobile app designed to make sustainable food shopping intuitive. Seasonal produce calendar, local vendor maps, recipe-driven shopping, and carbon footprint tracking. Validated through 12-participant user evaluation.

figma· user research· wireframing· prototyping· user testing· storyboarding
[UX DESIGNER]
[coming soon]
────────────────────────────────────────
SECOND LIFE TECHNOLOGY
[CHATBOT UX]
────────────────────────────────────────

A conversational AI chatbot for a student sustainability service. I built the entire chatbot integration - appointment booking, marketplace recommendations, and e-waste FAQ - using Voiceflow with Airtable APIs and accessibility-first design.

voiceflow· airtable· conversational ux· user research· accessibility· figma
[UX DESIGNER]
[coming soon]
────────────────────────────────────────
GOING BANANAS
[BOARD GAME]
────────────────────────────────────────

A Euro-style board game for 4 players with asymmetric characters, tile-based economy, battle card combat, and layered end-game scoring. Playtested with real users across 3 major iterations.

game design· playtesting· user research· iterative design· systems design
[GAME DESIGNER]
[coming soon]
────────────────────────────────────────

</also built>

────────────────────────────────────────
> INFO20005 e-commerce siteHTML/CSS/JS · uni project[2023][github ↗]
> AI chatbot integrations[2024]