Quisbee is an educational quiz app for kids covering various categories. This project is brought to you by a randomly assigned group of Engineers, Designers, and Data Scientists over a 3-day hackathon.
We wanted to create an interactive app where children can both learn and have fun. We incorporated big buttons, various colors, and some animations in order to keep the kids engaged. Furthermore, we also incorporated a scoreboard and a timer in order to give the app a sense of gamification.
We first focused on finding an API to get the questions we needed, but unfortunately, we didn't find one that would suit our needs. We then decided to build out our own data with MongoDB with various categories, questions, and multiple choices. Soon after that was done, we then looked to build out the frontend with the the UX/UI design in mind.
The database was tested using Postman and the design concept was brought to life with Figma.
As a player, the app is initialized after hitting the play button on the landing page. You are then brought to a category section where you are asked to choose your topic. Shortly after, you are shown your score, the time, and the start button. Once you click start, the game begins and you are tasked with answering as many questions correctly as you can. After the game has concluded, you are able to play the game again to either attempt to beat your previous score, or to test your knowledge in another category.
We added both a back and home button on the nav in order to navigate to the desired pages.
- Selecting an avatar before initializing the game
- Fully functional "create quiz" mode for educators and guardians
