A frontend web project that presents the complete Marvel Cinematic Universe (MCU) movie timeline in release order, organized by Phases (Phase 1 to Phase 5) with posters, summaries, and clickable movie pages.
Built using HTML, CSS, and JavaScript, this project focuses on clean UI, structured data presentation, and responsive design — while still being fun for Marvel fans 😄
This project helps users:
- Understand the MCU movie release timeline
- Browse movies phase-wise
- Read spoiler-free summaries
- Navigate to individual movie detail pages
Think of it as Wikipedia meets Avengers HQ 🦸♂️
- Complete MCU timeline from 2008 to 2025
- Phase-wise categorization (Phase 1–5)
- Clean vertical timeline layout
- Clickable movie titles for detailed pages
- Movie posters for visual engagement
- Responsive design (mobile + desktop)
- Beginner-friendly code structure
- ATS-friendly documentation (this README 😉)
- HTML5
- CSS3
- JavaScript
- Frontend Web Development
- Responsive Web Design
- UI / UX Design
- Website Structuring
- Static Website Development
- Version Control (Git & GitHub)
mcu-timeline/ │ ├── index.html │ └── Main landing page displaying the complete MCU movie timeline │ ├── style.css │ └── Contains all styling for layout, timeline design, and responsiveness │ ├── script.js │ └── JavaScript file for interactivity and future enhancements │ ├── web img/ │ └── Stores all movie poster images used in the project │ ├── iron-man.jpg │ ├── the-incredible-hulk.jpg │ ├── thor.jpg │ ├── avengers.jpg │ └── other-movie-posters │ ├── ironman.html ├── iron-man-2.html ├── ironman-3.html │ └── Individual movie detail pages │ ├── thor.html ├── thor-2.html ├── thor3.html │ ├── captain-america-first-avenger.html ├── captain-america-winter-soldier.html ├── captain-america-civil-war.html │ ├── avengers.html ├── avengers-age-of-ultron.html ├── avengers-infinity-war.html ├── avengers-endgame.html │ ├── guardians-of-the-galaxy.html ├── guardians-of-the-galaxy-vol-2.html ├── guardians-of-the-galaxy-vol-3.html │ ├── ant-man.html ├── ant-man-and-the-wasp.html ├── ant-man-quantumania.html │ ├── doctor-strange.html ├── doctor-strange-multiverse.html │ ├── black-panther.html ├── black-panther-wakanda-forever.html │ ├── spiderman-homecoming.html ├── spiderman-far-from-home.html ├── spiderman-no-way-home.html │ └── README.md
- Iron Man (2008) – Tony Stark builds a powered suit and becomes the first hero of the MCU.
- The Incredible Hulk (2008) – Bruce Banner searches for a cure while struggling with his uncontrollable alter ego.
- Iron Man 2 (2010) – Tony Stark faces new enemies and global pressure over his technology.
- Thor (2011) – The god of thunder is exiled to Earth and learns humility to reclaim his power.
- Captain America: The First Avenger (2011) – Steve Rogers becomes a super soldier during World War II.
- The Avengers (2012) – Earth’s mightiest heroes unite to stop a global alien threat.
- Iron Man 3 (2013) – Tony Stark battles inner fears while confronting a mysterious terrorist.
- Thor: The Dark World (2013) – Thor fights to save the universe from an ancient dark force.
- Captain America: The Winter Soldier (2014) – Steve uncovers a conspiracy within a trusted organization.
- Guardians of the Galaxy (2014) – A group of misfits team up to protect a powerful cosmic artifact.
- Avengers: Age of Ultron (2015) – The Avengers face a dangerous artificial intelligence.
- Ant-Man (2015) – A thief gains shrinking powers and pulls off an impossible heist.
- Captain America: Civil War (2016) – The Avengers split over government oversight.
- Doctor Strange (2016) – A surgeon learns mystical arts to protect reality.
- Guardians of the Galaxy Vol. 2 (2017) – The Guardians uncover secrets about Peter Quill’s past.
- Spider-Man: Homecoming (2017) – Peter Parker balances school life with being a superhero.
- Thor: Ragnarok (2017) – Thor races to stop the destruction of Asgard.
- Black Panther (2018) – T’Challa rises as king and protector of Wakanda.
- Avengers: Infinity War (2018) – Heroes unite to stop a powerful cosmic villain.
- Black Widow (2020) – Natasha Romanoff confronts her past and unfinished business.
- Shang-Chi and the Legend of the Ten Rings (2021) – A martial artist faces his family legacy.
- Eternals (2021) – Immortal beings protect humanity from an ancient threat.
- Spider-Man: No Way Home (2021) – Peter Parker deals with multiverse chaos.
- Doctor Strange in the Multiverse of Madness (2022) – Strange explores dangerous realities across the multiverse.
- Thor: Love and Thunder (2022) – Thor faces a god-slaying enemy while searching for purpose.
- Black Panther: Wakanda Forever (2022) – Wakanda defends itself while mourning a great loss.
- Ant-Man and the Wasp: Quantumania (2023) – The heroes explore the Quantum Realm.
- Guardians of the Galaxy Vol. 3 (2023) – The Guardians fight to protect one of their own.
- The Marvels (2023) – Three heroes with connected powers must work together.
- Deadpool & Wolverine (2024) – Deadpool teams up with Wolverine to save his universe.
- Captain America: Brave New World (2024) – Sam Wilson faces global challenges as the new Captain America.
- Thunderbolts (2024)* – Anti-heroes take on dangerous government missions.
- Blade (2024) – A half-vampire hunts supernatural threats.
- Fantastic Four (2024) – A team gains powers from cosmic radiation.
- Avengers: Doomsday (2025) – The Avengers battle Doctor Doom.
- Avengers: Secret Wars (2025) – Heroes clash across multiple universes.