Inspiration
As first year students, we were somewhat disappointed by the lacking amount of exercises and in some classes, we found the teaching material deplorably lacking. Some powerpoints/pdfs did nothing to explain the classes, forcing students to resort to chatgpt and other ai models to review, often not having done a single problem, other than those done in class. We saw we needed something to help us study and decided to create an app that would streamline the learning process.
What it does
Our application, when course slides are added by the user, they can choose to either create a summary of all of their notes or make a quiz out of all it. If, for example, the user chooses to summarize the notes, a summary will appear which can then give them the option to make a quiz. However, if they choose the quiz option, then they can make a quiz directly.
How we built it
Everything was built using GitHub Copilot. The stack used is as follows:
Frontend React 18 with Vite Tailwind CSS for styling Framer Motion for animations Socket.IO Client for real-time communication
Backend FastAPI (Python) pypdf for PDF parsing Langchain for RAG (Retrieval-Augmented Generation) Google Gemini 2.0 Flash for quiz generation Socket.IO for multiplayer state FAISS for vector storage
Challenges we ran into
We did not have any prior experience with the gemini API, or any languages other than python and C++, so a great many of the tools that could have been useful in the production of the application would be out of our reach were it not for AI. We also found it difficult to work together without a clear understanding of what we needed to do at any given moment. We had initially outlined a plan, but used AI for the creation of almost all of the code. This was our first experience with a hackathon at this level and we made several mistakes that cost us time and ultimately led us to use ai significantly more in our coding than we hoped to.
Accomplishments that we're proud of
We were proud that the quiz app was able to make a very detailed quiz out of the lecture notes it was given. It was also a plus that all of the features were able to interact smoothly, and that the site works as intended.
What we learned
We learned in more detail how the frontend and the backend of a website interact with each other, as well as new frameworks and some of their advantages.
What's next for Qzapp
Future updates may include bug fixes as well as the addition of flashcards for students who prefer that method of study.
Log in or sign up for Devpost to join the conversation.