Inspiration

Creating quizzes manually from study materials is time-consuming. I wanted to build an AI-powered tool that can understand educational content and generate accurate quizzes automatically.

What It Does

QuizGen AI converts your uploaded files or text into interactive quizzes within seconds. It supports PDFs, Word documents, and plain text. Users can select quiz type, length, and difficulty, then instantly receive results with detailed analytics and downloadable reports.

How I Built It

Frontend: React + Tailwind CSS for a clean, responsive UI

AI Core: Google Gemini 2.0 Flash for content understanding and question generation

Backend: Integrated Firebase for handling user interactions and report generation

Hosting: Deployed via Netlify with GitHub integration for version control

Challenges

Ensuring accuracy and relevance of AI-generated questions

Handling multiple file formats (PDF, DOCX, TXT)

Creating professional, exportable reports in PDF format

Maintaining speed and reliability across devices

What I Learned

How to integrate advanced AI models (Gemini) with frontend applications

Managing real-time quiz generation and analytics

Building scalable and mobile-friendly educational tools

What’s Next

Adding support for image-based content recognition

Introducing user accounts for progress tracking

Enabling collaborative quiz sharing and AI-assisted grading

🌐 Links

Live Demo: https://md-afan.github.io/QuizGen_AI/

GitHub Repository: https://github.com/md-afan/QuizGen_AI

Video Demo: https://www.youtube.com/watch?v=Ed2kVCzqjEg

Built With

  • for
  • gemini-ai-api-other-tools:-html5
  • javascript
  • languages-&-frameworks:-react
  • tailwind-css-ai-platform:-google-gemini-2.0-flash-cloud-&-apis:-firebase-(for-hosting-&-authentication)
  • vercel/netlify
Share this project:

Updates