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

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • MyrinNew
    Senior Member
    • Feb 2024
    • 5175

    #1

    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 !











    More...
Working...