Inspiration
We wanted to create a fun, intelligent, and customizable quiz app that anyone can use to test knowledge in any subject. Traditional quiz apps are usually limited to a fixed set of topics and questions, but we wanted to go further—an app that can generate infinite quizzes on demand using AI.
What it does
Our AI Quiz Generator lets users:
Choose any topic (from physics to football to K-dramas 🎬).
Pick the number of questions (10, 15, 20, 30).
Select difficulty level: easy, medium, or hard.
Instantly get unique, AI-generated multiple-choice questions.
Get immediate feedback on each answer with correct/wrong styling.
It’s like having a personal quizmaster available 24/7.
How we built it
Frontend: React + Tailwind CSS for a smooth, responsive, and modern UI.
Backend / AI Integration: Groq API for generating quiz questions dynamically.
Animations & UX: Framer Motion for transitions and smooth interactions.
Routing: React Router for seamless navigation.
Challenges we ran into
Getting the AI to generate balanced difficulty questions.
Making the UI responsive and fast enough for real-time quiz generation.
Handling API response formatting (ensuring consistent multiple-choice structure).
Designing a UX that feels both playful and professional.
Accomplishments that we’re proud of
Built a working AI quiz engine with no topic limitations.
Added smooth animations and instant answer validation.
Created a scalable architecture so we can add premium features later.
Made learning engaging and fun instead of boring.
What we learned
How to integrate and optimize Groq API for real-time question generation.
Best practices in React component design and state management.
How to design clean UI/UX for educational tools.
The importance of balancing speed, accuracy, and usability in AI-driven apps.
Built With
React
Tailwind CSS
Framer Motion
Groq API
JavaScript
Try it out
🔗 https://aiintegratedquizapp2.netlify.app/ 💻 https://github.com/skabbuzaid/QuizApp
Log in or sign up for Devpost to join the conversation.