Inspiration
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 repl.it. 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.
Log in or sign up for Devpost to join the conversation.