Instant Quiz

First page interface
Second page interface after the start learning
The prototype of output page
Preview of the future features
Preview of future features

Inspiration

As students preparing for exams, we found it overwhelming to go through all the material we’ve studied. While class notes and slides are great for reviewing, we wanted a tool that would test our knowledge actively, helping us build confidence for the exams. That’s when we came up with Instant Quiz—a quiz generator that allows users to upload study materials and instantly create quizzes tailored to their needs.

What it does

Instant Quiz enables users to upload class notes or lecture slides in PDF format and generate a quiz based on the content. Users can select the number of questions (5, 10, or 15) and difficulty level (easy, medium, or hard), with the tool dynamically generating questions from the uploaded material.

How we built it

We built the frontend using HTML, CSS, and JavaScript, and designed the interface in Figma. For the backend, we used Flask (Python) to handle file uploads, extract content, and generate quiz questions. We implemented the FormData API to transfer the files from the frontend to the backend and used the Fetch API for seamless data exchange.

Challenges we ran into

We encountered difficulties linking our frontend to the backend, especially in passing a file from the frontend to trigger the Python scripts. It took time to figure out how to properly manage file uploads and get everything to work together.

Accomplishments that we're proud of

We’re proud of completing the project in just 24 hours while using new tools and technologies that we just learned. From building the file upload system to successfully integrating the frontend and backend, we managed to bring our idea to life under a tight deadline.

What we learned

We learned how to use Figma for interface design, how to implement file uploads using the FormData API, and how to connect a Flask backend with a JavaScript frontend. This project also taught us a lot about troubleshooting and debugging under pressure.

What's next for Instant Quiz

Next, we plan to:

Enhance the quiz generation algorithm for more complex and personalized quizzes.
Track user progress and provide performance analytics.
Integrate with more file formats for smoother content extraction.