Quiz Stream

Correct Question
Question Page
Video Interface
Video Upload Archive
upload page
uploaded page

Inspiration

The inspiration for Quiz Stream came from personal experiences with lecture content. We often feel that lectures can be unengaging, so we sought out a way to make lectures more interactive.

What it does

Given a user-uploaded video, Quiz Stream uses Twelve Lab and Google Gemini to create an integrated quiz that tests the user as they watch the lecture.

How we built it

Tech Stack

Frontend: React with Vite, TypeScript, and TailwindCSS
Backend: Node.js/Express
AI: TwelveLabs and Google Gemini API's

Challenges we ran into

Coming up with ideas, managing the limited rate given by Twelve Lab, git conflicts, and getting the frontend and backend to communicate.

Accomplishments that we're proud of

Working as a team, implementing the AI model pipeline, and creating a friendly UI.

What we learned

We learned how to implement and use Twelve Lab. We also learned how to manage the limited rates and tokens from the AI tools. We learned how to more seamlessly manage our frontend and backend development.

What's next for Quiz Stream

More interactive quizzing features beyond just multiple choice, longer form content capabilities, and to gamify it to give users more incentive to engage with their lectures.