About the Project: Quivio AI

Inspiration

Creating quizzes is often a time-consuming and repetitive task for educators, especially with large documents or visual content. I wanted to build a tool that could automatically generate intelligent, context-aware quizzes from any text or image, saving educators hours while giving students an interactive learning experience.

The rise of multi-modal AI with Google Gemini 2.5 Flash’s vision capabilities inspired me to combine text and image understanding in a single platform. The goal was to make a system that interprets content like a human and turns it into meaningful questions.


What it Does

Quivio AI is an AI-powered quiz generator that transforms documents, images, and text into interactive quizzes:

  • File & Text Input: Upload PDFs, DOCX, TXT, or images (PNG, JPG, JPEG) for AI analysis.
  • Intelligent Question Generation: Automatically produces 5–100 multiple-choice questions.
  • Adaptive Difficulty: Questions scale with content complexity.
  • Interactive Quiz Player: Students can take quizzes with instant feedback, progress tracking, and time monitoring.
  • Analytics & Reporting: Detailed question-by-question performance reports, downloadable as PDF/TXT.

Tech Stack:

  • Frontend: React 19.1.1, Vite 4.5.3, TailwindCSS 3.4.17
  • AI & Processing: Google Gemini 2.5 Flash + Vision API, Mammoth.js, PDF.js
  • Export & Analytics: jsPDF, html2canvas

What I Learned

Building Quivio AI taught me:

  1. AI Prompt Engineering: Crafting prompts to produce accurate and diverse questions required iterative refinement.
  2. Multi-modal Data Handling: Processing both text and images efficiently required a robust and optimized pipeline.
  3. Performance Optimization: Handling large documents (<25MB) while maintaining fast response times pushed me to improve asynchronous handling and caching strategies.
  4. UX Design: Creating a smooth, distraction-free quiz interface reinforced the importance of responsive design and instant feedback.

Challenges

  • Complex Document Parsing: PDFs and DOCX files often have inconsistent formatting. I used PDF.js and Mammoth.js with custom extraction logic to preserve structure.
  • Image Content Understanding: Vision AI struggles with diagrams and handwriting, requiring preprocessing for accurate extraction.
  • Scalability & Performance: Generating 50+ questions from large documents initially caused delays. I optimized this with asynchronous processing and lazy loading.
  • Balancing AI Accuracy & Creativity: Ensuring non-repetitive, contextually relevant questions required iterative prompt testing and validation logic.

Key Takeaways

Quivio AI is more than a quiz generator — it’s a learning companion:

  • 95%+ content extraction accuracy
  • <10s average processing time for large documents
  • Seamless, multi-device experience
  • Supports both text and image-based content

This project strengthened my skills in AI integration, frontend development, and performance optimization, while delivering a real-world tool that reduces quiz creation time by up to 90%.

Built With

Share this project:

Updates