Trivia Trail banner

Trivia Trail

7 devlogs
4h 17m 21s

A fun, interactive quiz web app with a welcome screen, countdown timer, sound effects, and score tracking. Test your knowledge and see how many questions you can get right!

Demo Repository

Loading README...

raslanyossif

Shipped this project!

Hours: 4.27
Cookies: 🍪 68
Multiplier: 16.0 cookies/hr

I created an application that lets players answer random trivia questions and each time they can answer new questions. I learned about shuffling questions, counting scores, and adding a timer for that little bit of extra difficulty. It was exciting to see the quiz in action and to test it out for myself!

raslanyossif

I’m currently working on making the Quiz App Responsive for all users, so that anyone with any device could be able to try this quiz.

Attachment
0
raslanyossif

I’ve decided to make it 5 questions. However, every quiz is different by order/set rather than it always being the same order or same set of questions. So, I made it 5 questions with different sets/order to make it more interesting and willing to click “Play Again”.

Attachment
0
raslanyossif

I’ve added a Final Results to know what you were able to get overall.
It’s 6 questions and I’m still deciding whether to keep it 6 or add more.

Attachment
0
raslanyossif

I’ve added a landing page, so that when people try the quiz it doesn’t start the quiz straight away and lose time. So I added a landing page to be able to start whenever you’d want.

Attachment
0
raslanyossif

Added a timer and a color background of the correct and wrong answer for users to know whether they got the correct or wrong answer. Red being wrong and Green being correct.
Furthermore, I’ve added a timer to make it more interesting for the harder questions.
I made the difficulty from Easy to Very Hard, but I’m not done adding questions I’m still deciding on the background and design currently.

Attachment
0
raslanyossif

I’m currently adding questions from easy - hard in the Quiz. Also fixing/ removing the first 4 options that says “answer” so it can fit be only the options with the actual answers.

Attachment
0
raslanyossif

I’m currently working on giving questions for the Quiz. And making sure the design can be nice. So far This is what I made however it isn’t the final design.

Attachment
0