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:
- AI Prompt Engineering: Crafting prompts to produce accurate and diverse questions required iterative refinement.
- Multi-modal Data Handling: Processing both text and images efficiently required a robust and optimized pipeline.
- Performance Optimization: Handling large documents (<25MB) while maintaining fast response times pushed me to improve asynchronous handling and caching strategies.
- 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.jsandMammoth.jswith 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
- 2.5
- ai
- flash
- gemini
- html2canvas
- javascript
- jspdf
- lucide
- mammoth.js
- node.js
- pdf-parse
- pdf.js
- react
- tailwindcss
- typescript
- vercel
- vision
- vite
- yarn



Log in or sign up for Devpost to join the conversation.