Skip to content

README.md

Latest commit

 

History

History
157 lines (131 loc) · 6.24 KB

README.md

File metadata and controls

157 lines (131 loc) · 6.24 KB

Marvel Cinematic Universe (MCU) Movies Timeline 🚀

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 😄

Project Overview 🧠

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 🦸‍♂️

Key Features ⭐

  • 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 😉)

Technologies & Skills Used 🛠️ (ATS Keywords)

  • HTML5
  • CSS3
  • JavaScript
  • Frontend Web Development
  • Responsive Web Design
  • UI / UX Design
  • Website Structuring
  • Static Website Development
  • Version Control (Git & GitHub)

Project Structure 📂

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

Movie Summaries (Short & Spoiler-Free) 🎬

  • 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.

Phase 2

  • 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.

Phase 3

  • 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.

Phase 4

  • 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.

Phase 5

  • 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.