DEV Community

Cover image for I Built a Game of Thrones Trivia App Using Vanilla JavaScript — Check It Out!
Sababa T
Sababa T

Posted on

I Built a Game of Thrones Trivia App Using Vanilla JavaScript — Check It Out!

Hello Dev Community!

I hope you all had a great weekend! I spent some time diving into a fun personal project and thought I'd share it with you all. As a huge Game of Thrones fan, I decided to create a trivia app to challenge myself with some JavaScript, and the result is a simple yet exciting trivia game featuring questions from the world of Westeros!

What is the app about?

The app is a trivia quiz focused on Game of Thrones—the legendary TV series based on George R. R. Martin's A Song of Ice and Fire books. Players will get a series of multiple-choice questions about the show, and their goal is to answer correctly. The questions cover everything from character lore to major plot points, testing your knowledge of the Seven Kingdoms!

But here’s the fun part—the app plays the iconic Game of Thrones theme song while you’re playing. Talk about immersing yourself in Westeros, right?

Why Vanilla JavaScript?

I wanted to build this app with vanilla JavaScript to challenge myself and improve my foundational web development skills. While there are tons of libraries and frameworks available, I felt it was important to stick to the basics.

The app's structure is simple and easy to follow:

  • HTML to structure the app.
  • CSS for basic styling and theming (using a Game of Thrones-inspired color palette).
  • Vanilla JavaScript for interactivity, quizzes, and the theme song feature.

Key Features:

  • Multiple-choice questions: A set of questions with 4 answer choices each.
  • Interactive UI: Simple, clean design with responsive layout for all screen sizes.
  • Timer: Players have a limited time to answer each question.
  • Game of Thrones theme song: The iconic theme music plays while the quiz runs.
  • Score tracker: See how well you know Westeros at the end of the game.

What’s Next?

While the app is functional and fun, there are definitely areas I’m planning to improve. Some future ideas include:

  1. Adding a leaderboard to track top scorers.
  2. Implementing more complex animations and transitions for a more dynamic experience.
  3. Expanding the question database to include A Song of Ice and Fire book references.
  4. Sharing the code on GitHub for others to contribute to.

Why You Should Check It Out

Whether you're a fan of Game of Thrones or just looking for a fun challenge, this trivia app offers a great way to pass the time. Plus, it's a solid project to learn and play around with JavaScript if you’re new to development!

You can check out the app here: [https://algomystique.github.io/Game-Of-Thrones-Trivia-App]

I’d love to hear your thoughts, feedback, or ideas on how to make it better! Feel free to reach out or leave a comment.

Until next time 👋

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.