Projects

2026 - Present

Next.js · Convex · Three.js · BetterAuth · PostHog · Docker Compose · Traefik · OCI VPS

FabLab booking platform for UP Cebu, awarded Project of the Year in the client-based track at Project Expo 2026.

Built the booking flow and real-time reservation experience for equipment and lab time.
Integrated Three.js previews so students can inspect 3D equipment models before booking.
Self-hosted Convex on an OCI VPS with Docker Compose and Traefik, then layered in PostHog analytics.

2025

Next.js · Convex · BetterAuth · TypeScript · Google Maps · Vercel · GitHub Actions

AI tourism recommender that combines vector search, collaborative filtering, and interactive mapping.

Used Convex to manage app state and vector embeddings for AI-powered destination matching.
Added semantic search over natural-language prompts and collaborative filtering for swipeable queues.
Built saved itineraries on top of custom Google Maps flows and shipped with BetterAuth plus CI/CD.

2025

Vite · Yjs · CRDTs · TypeScript · IndexedDB · PocketBase · Docker Compose · Nginx

Local-first task app built around offline persistence and CRDT-based conflict resolution.

Backed local state with Yjs and IndexedDB so the app stays usable and syncable offline.
Resolved competing offline edits through CRDT-based reconciliation instead of manual conflict handling.
Ran a lightweight backend stack with PocketBase, Docker Compose, and Nginx.

Ongoing

Collaborative Canvas · Realtime Multiplayer · Pixel Art

A browser-based r/place clone where anyone can place pixels on a shared community canvas.

Runs live at place.harleyvan.com as a shared drawing board inspired by Reddit's r/place.
Built as an interactive experiment around realtime participation and communal pixel art.

2026

Next.js · Convex · BetterAuth · TypeScript · Cloudflare · Docker Compose · Traefik · OCI VPS

Real-time event leaderboard delivered on a self-hosted Convex stack with edge deployment.

Delivered live score updates across connected clients using Convex reactive queries.
Self-hosted the backend on an OCI VPS behind Docker Compose and Traefik.
Deployed the Next.js frontend to Cloudflare via OpenNext for edge-optimized delivery.

2025

Next.js · Supabase · Vercel · TypeScript · Group Project

Community issue reporting platform with map-based visualization for local residents.

Built issue reporting and interactive map views so residents can surface local concerns clearly.
Led backend development and Supabase integration for the database and auth layer.
Delivered the team project on Vercel with a TypeScript + Next.js stack.