MCU-Cross-Word

Test your knowledge of the Marvel Cinematic Universe in One Minute!

Post Reflection:

Looking back at this project, I realized that it was a great learning experience, no matter how many roadblocks I went through. I definitely learned more about JS, HTML, and CSS throughout the week.

Instructions:

There is only one player. As soon as the player starts the timer, they should give themselves 60 seconds to really know how much they know about the MCU.

Once they finish, they can click the "Reset" button and try to beat their time!

Tech Stack

  • DOM Manipulation
  • Grids

Wireframes:

Inspiration Wireframe: https://imgur.com/a/0oo9ohu Layout Inspiration: Louisa Johnston

MVP Goals:

  • Render a crossword puzzle that has 8 total words
  • Render all words/hints numerically
  • Be able to restart game

Stretch Goals:

  • Completing the crossword and adding "beginner, intermediate, and expert" levels
  • Creating enough words/hints that can shuffle correctly
  • Creating a timer

Potential Roadblocks:

  • Not adding enough detail to your code
  • Buttons not working
  • Words will not match