The Ultimate, Auto-Saving Marvel Cinematic Universe Database & Tracker
Track your journey through the Multiverse. Zero dependencies, 100% local storage, pure cinematic experience.
The Marvel Cinematic Universe is massive. Figuring out what to watch, what is optional, and what order to watch them in can be overwhelming. This project solves that problem with five tailored experiences ranging from casual movie-goers to hardcore completionists.
Your progress is automatically saved to your browser's local storage. No sign-ups, no databases, no hassle.
We have organized the MCU into distinct tracker files and a visual map. Click the links below to start your journey directly on the live website:
| Tracker Version | Best For... | Content Included | Live Link |
|---|---|---|---|
| 1. The Ultimate MCU Tracker | The Balanced Fan | Movies + Essential Disney+ Series | 🌐 View Ultimate Tracker |
| 2. Classic Movies Only | The Casual Viewer | Theatrical Movies Only | 🌐 View Classic Tracker |
| 3. The Completionist | The Hardcore Fan | Movies, Series, Defenders, Shorts | 🌐 View Completionist |
| 4. Strict Chronological | The Timeline Nerd | 100% of the MCU by In-Universe Date | 🌐 View Chronological |
| 5. Thematic Flowchart | The Visual Learner | Visual narrative tree & connections | 🗺️ View Flowchart |
(Want to see the full flowchart structure offline? View the Flowchart Image here)
- 🗺️ Visual Narrative Tree: A fully responsive, pure CSS/HTML flowchart that maps out the branching storylines of the Infinity and Multiverse sagas.
- 🧠 Smart Categorization: Titles are clearly marked as Main Storyline (crucial for Avengers/Multiverse events) or Optional (great character building, but skippable for the main plot).
- 💾 Local Storage Auto-Save: Close the browser, restart your PC—your checkboxes (Downloaded ⬇️ & Watched 👁️) will remain exactly as you left them.
- 🎨 Premium UI/UX: A minimalist, dark-themed cinematic design using the
Cormorant GaramondandDM Sansfonts, complete with subtle noise textures and glowing active states. - 🏷️ Format Badges: Instantly differentiate between Movies, TV Series, Defenders Saga, Animations, and Shorts.
- 📊 Dual Progress Bars: Track your progress for the "Main Storyline" separately from "100% Completion".
You don't need to install anything to run this on your own machine.
- Download or clone this repository.
- Extract the folder.
- Double-click on any of the
.htmlfiles (e.g.,index.html) to open it in your favorite browser.
Crafted with 💡 by MS Sakib
Disclaimer: This is a fan-made project. Marvel, MCU, and all related character names and titles are trademarks of Marvel Studios and The Walt Disney Company.