u/Aware-Construction25

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 ? Would love to get some feedback on it

Hi everyone, hope y'all having a great day !

I started a full MCU marathon in March 2025. Couldn't find a decent tracker, so I built my own. Months later it grew into 3 connected apps — built properly over time, not vibed in a weekend.

I'm currently at Ant-Man: Quantumania and still going.

Marathon (marathon.odyssey616.com) — viewing tracker for 160+ MCU titles. Track progress per phase, 3 view modes, works on phone.
Map (map.odyssey616.com) — 3D globe with 83 real filming locations + a cosmic globe for Wakanda, Asgard and friends.
Hub (odyssey616.com) — portal with live stats tying it all together.

Free, no ads, no tracking. EN/FR/ES. Data curated by hand + TMDB. React 19, TypeScript, Three.js, Tailwind, pnpm monorepo, Cloudflare Pages.

Would love your feedback — what would make you use this (or not) for a rewatch?

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

I've been building a Marvel fan ecosystem for months — 3 connected web apps, hand-curated data, zero ads