QuizGenie

• 

• 

  App Demo

Inspiration

We use note-taking and study apps like Notion and Quizlet a lot, so we had an idea and asked: Wouldn't it be nice if we could make practice problems based off of our notes? And so that's how QuizGenie was born. We were inspired by how Quizlet made learning super easy for many students, and wanted to expand the future of online study resources by incorporating AI into a quiz creator.

What it does

QuizGenie is an AI-powered platform that takes in user's notes or prompts and generates customizable quizzes that allow you to practice and master concepts. The application provides dynamic grading and real-time feedback as you take the quiz, so you are always learning on the way. It also allows you to customize the length of the quiz, so whether you are free at home or on the go, you will always be able to generate a quiz that meets your time constraints.

How we built it

We used React + Vite for the frontend, and Flask with Python for the backend. We also used Gemini's API to process text and return multiple-choice questions.

Challenges we ran into

This was collectively our first time doing a hackathon, so we had to learn a lot of stuff on the fly such as learning how to parse LLM responses into JSON and creating a frontend design that communicates with the backend. We also spent a significant amount of time familiarizing ourselves with the React + Vite framework, and learned how to create dynamic UIs through a lot of trial and error.

Accomplishments that we're proud of

We're proud of making an app that can leverage the Gemini API, as it was our first time working with anything AI-related. We're also proud to have persevered through an obstacle that we thought we couldn't solve, which was parsing the JSON data from the API, and rendering it onto the frontend. Additionally, we were glad we could fully use the power of prompt engineering to make Gemini's responses more varied, useful, and relevant.

What we learned

We learned how to work with backend APIs in Python, and how to engineer the best prompt for Gemini to return responses in the format of a quiz. We also learned how create a frontend design using the React + Vite framework and connect it with the backend by performing RESTful API calls.

What's next for QuizGenie

There were a lot of features that we wanted to include but couldn't because of time restraints. These include but aren't limited to: ** Storing previous quizzes by implementing a database, such as MongoDB ** Implementing a final grading system and allowing users to track their progress over time, possibly using additional frameworks to allow data visualization. ** Allowing for more problem types: multiple-answer checkboxes, free-response, matching, etc. ** Implementing an option for AI voice feedback and live Text-To-Speech ** Implementing an additional chatbox window, allowing users to ask for help and learn while doing the quiz.

Built With

• ai
• api
• flask
• gemini
• python
• react.js
• vite