Hi everyone, hope y'all having a great day !
Side project I've been building for months during my own MCU marathon. Not a weekend vibe-code — real architecture, hand-curated data, iterative development with AI assistance.
Three apps, one dataset, pnpm monorepo:
- Marathon — PWA viewing tracker (Zustand, localStorage + Supabase sync, 3 view modes)
- Map — 3D globe (react-globe.gl, Three.js, pin clustering, TopoJSON)
- Hub — landing portal (Framer Motion, live stats)
Stack: React 19, TypeScript 5.9, Vite 7.3, Tailwind v4, i18next (EN/FR/ES), Cloudflare Pages.
Interesting problems solved:
- Globe pin clustering at different zoom levels
- Fuzzy search across 83 locations + 160 projects
- Prebuild data sync across 3 apps from a single JSON
- WebGL fallback for devices without GPU
Live: odyssey616.com | marathon.odyssey616.com | map.odyssey616.com
What would you do differently ? Woud love to get some feedback from anyone !
Top comments (0)