Quizki

• 

  Keeping track of your Smiski collection

• 

  User Profile to see your stats

• 

  Viewing and creating new flashcards

• 

  Rolling for a Smiski

Inspiration

In recent years, gacha games and blind box collectibles have skyrocketed in popularity, especially among young adults. The excitement of randomness and the satisfaction of completing a collection taps into a strong sense of motivation and engagement. At the same time, studying and memorization can often feel tedious and difficult to stay consistent with, even for the most dedicated students. We were inspired to combine these two ideas — the addictive fun of blind box collectibles and the need for consistent practice in studying — into one platform. Our goal was to create a tool that doesn't just make studying feel like less of a chore, but actually makes it something students look forward to. Thus, Quizki was born: a learning platform where hard work and good performance are rewarded with the joy of opening blind boxes and collecting adorable Smiskis.

What it does

Quizki allows students to input their own terms and answers, which they can practice memorizing through our flashcards and generated practice tests based on the created flashcards. Through these practice tests, students can test their knowledge and win points, based on performance, that can be redeemed for opening randomly selected blind boxes to unlock their favorite Smiskis and complete their entire Smiski collection. By gamifying the learning process, Quizki transforms traditional studying into a rewarding and delightful experience, helping students stay motivated and engaged over the long term.

How we built it

We leveraged the MERN stack, with MongoDB as our database, NodeJS and ExpressJS for the backend, and ReactJS for the front end. In our database, we stored all sorts of information from specific details about each Smiski to players' stats and terms. For authentication, we took advantage of the OAuth framework, which was very helpful in securing our website to ensure a safe learning experience for students.

Challenges we ran into

In the beginning, we struggled to develop the ideal architecture for our project, as we were unsure on what features we wanted in the website. Later down the line, we encountered a fairly major speedbump in connecting the front end and backend, as the backend was not as easy to sync with the front as we had came to believe. Only after two hours of researching error messages and appropriate syntax were we able to finally resolve this matter.

Accomplishments that we're proud of

We are very proud of how clean, organized, and practical the website turned out. We managed to implement all the functions and features we thought of, kept the code and the entire website very organized and tidy, and create an aesthetically pleasing educational experience for students to want to come and spend their time learning.

What we learned

We learned a lot of new technical skills, as this was some of our teammates first time working with fullstack, so they were able to see how the backend and frontend come together to harmoniously create a website.

What's next for Quizki

We are looking to implement more animations and changes to our GACHA system that will make the game more dopamine inducing and instill a sense of joy in our students that will make them excited to hop on Quizki and learn.

Built With

• autho
• express.js
• gemini
• mongodb
• node.js
• react