Months of work on a 3-app Marvel ecosystem — React 19, Three.js globe, PWA, i18n, monorepo

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 !