Jeopardy!
Unmute
Note: Please do not use the Code link to view the site: Use the view link instead
My project for Mini-Codeday is a re-creation of Jeopardy as a site, which anyone can play. People can play individually to assess their knowledge of random facts, or as a competition to see who's the smartest!
As you may know, Jeopardy is a popular game show, where contests are challenged to answer trivia questions for money. A general round of Jeopardy consists of six categories, and five "clues" per category. As the clues get tougher, they are worth more money. To answer these clues, the contestants must "buzz in" and answer the clue in a short time. If they answer correctly, they add the money value to their total. If they answer incorrectly or run out of time, the money value is removed from their total. The goal is to answer the most trivia questions correctly to mkae yourself a huge total and win.
My project for Mini-Codeday is a re-creation of Jeopardy as a site, which anyone can play. People can play individually to assess their knowledge of random facts, or as a competition to see who's the smartest!
As you may know, Jeopardy is a popular game show, where contests are challenged to answer trivia questions for money. A general round of Jeopardy consists of six categories, and five "clues" per category. As the clues get tougher, they are worth more money. To answer these clues, the contestants must "buzz in" and answer the clue in a short time. If they answer correctly, they add the money value to their total. If they answer incorrectly or run out of time, the money value is removed from their total. The goal is to answer the most trivia questions correctly to mkae yourself a huge total and win.
How much experience does your group have? Does the project use anything (art, music, starter kits) you didn't create?
In technical terms, this project was coded from scratch, and uses Python Flask, HTML, CSS, JavaScript, and jQuery. It uses music from "Orange Free Sounds", and fonts from "Download Free Fonts" and "FontINeed". Finally, it was coded and deployed on repl.it.
I had experience using Python Flask and basic HTML and CSS before, but I have never created something as intricately styled as this. The card flipping animation introduced me to so many new concepts like box shadows and transforms.
I had experience using Python Flask and basic HTML and CSS before, but I have never created something as intricately styled as this. The card flipping animation introduced me to so many new concepts like box shadows and transforms.
What challenges did you encounter?
Since Mini-Codeday is an extremely short hackathon, I didn't have time to complete much of the functionality that I would have tried otherwise. For example, I wanted a User-input form for users to create their own Jeopardy Boards. I also wanted a public gallery where you can load other people's boards and play them. Finally, I really wanted to add some sort of inbuilt scoring, to keep track of a user's score or the scores of the competitors. I really want to continue this project in another CodeDay, to experiment with new features in a longer time period and hopefully finish this project as I envisioned it.
Made with 💖 by robots running our open-source software and GraphQL APIs.