Quizzical
Description
Trivia quizzer app built in React using the Open Trivia Database API. Generate custom quizzes and test your knowledge on a variety of topics like movies, video games, and more.
Features
-
Interactive quizzing app with scoring functionality and feedback
-
Generate a variety of questions with the Open Trivia Database API
-
Customize parameters for many types of quizzes
Technologies Used
This project was built in React with TypeScript, and Node.js, and using Open Trivia Database API. Currently deployed here on Netlify.
Development Process & Motivation
This project started as an exercise from the Scrimba Frontend Developer Career Path. The exercise was to make a trivia app using the OTDb API to generate questions and score them at the end. I wanted to make the quiz customizable, so I added a form to change the quiz parameters like number of questions, difficulty, and category. Once the quiz logic was completed, any set of questions can be integrated into the app.
Challenges & Solutions
I had a small issue when moving from the start screen to the quiz screen and back. The app only needs two pages, and I wasn't sure if React Router was excessive or not. I decided to use React Router since it would be easier to add more routes if necessary, and it allows me to use the useParams hook to easily access the quiz parameters.
Future Plans & Improvements
Some improvements I have in mind are to add a timer to the quiz, and to have a local JSON file with preset questions in case the API can't connect.
Keep up with the latest updates on this project by following here.
Live Demo
Contact Me
Let’s make your idea a reality
Thank you for taking the time to visit my website! If you're looking for a skilled and innovative developer to work with, don't hesitate to reach out. Whether you have a job opportunity or a freelance project in mind, let's connect and see how we can work together.
You can send me a message below or email me at stevenmendoza.dev@gmail.com