Our inspiration was from a random generator button from a website, but when we couldn't figure out how to code for it, we decided to make a Jeopardy! like trivia website.

What it does

You can click a question (20 total) and answer it (4 possible choices) and it will tell you if you are correct or incorrect. There are 5 different categories of questions arranged by rows: history, geography, animals, science, pop culture.

How we built it

We used HTML / CSS on On the home page, you can click one of the question buttons, and it will take you to an HTML page with the question and answer buttons on it. When you click the answer buttons, it will either take you to a page that tells you whether you're correct or a page that tells you you're incorrect. On all these pages, there is a button to navigate back to the home page.

Challenges we ran into

Originally, we wanted to make a quiz website that could be used as a study tool, but when we couldn't figure out how to save and print user input in HTML, we decided to make a trivia website instead. We had to make 20+ HTML pages, which was tedious and a lot of work, and the syntax was frustrating to relearn.

Accomplishments that we're proud of

Even though we weren't able to do our quiz website, we were still able to make a functioning trivia website after changing our idea at 6:00 pm on Saturday.

What we learned

We learned that it's important to have realistic expectations for what we can make within a certain time constraint, and we both got a recap of HTML / CSS, which was a language we had learned over a year ago and moved on to other languages.

What's next for TriviaHub

It would be nice to have a scoring system to keep track of how many you get correct and incorrect, and it would also be nice to have a button that takes you back to the question you were on if you got it incorrect.

Built With

Share this project: