SmartQuiz Builder is a beautifully designed, fully client-side quiz application that lets users create and take customized quizzes. Users can either upload a CSV of questions or enter them manually using a clean form. It supports both Multiple Choice (MCQ) and True/False (TF) questions.
- Live Demo 👉 SmartQuiz Builder
- 🎨 Eye-catching Glassmorphism UI
- 📥 Upload questions using a properly formatted CSV
- ✍️ Manually create quiz questions (MCQ / True-False)
- 🔀 Auto-shuffling of quiz questions before starting
- ✅ Real-time scoring and result summary
- 📊 Clear, colorful result screen with correct/incorrect answers
- 📱 Fully responsive design
- 🌙 Future-ready design: supports dark mode styling if extended
When uploading questions using CSV, make sure the file follows this structure (no headers required):
question,option1,option2,option3,option4,correct_answer,typeWhat is the capital of France?,Berlin,Madrid,Paris,Rome,Paris,MCQIs the sky blue?,,,,True,TFEnsure there are no extra spaces or empty lines, and each row ends with the question
typeas eitherMCQorTF.
- Click on “Create Quiz Manually”
- Enter:
- Question text
- Select type: MCQ or TF
- For MCQ, enter at least 2 options
- Enter the correct answer
- Add more questions using ➕ Add Question
- Start the quiz by clicking Start Quiz
- HTML5
- CSS3 (with custom variables and effects)
- JavaScript (DOM manipulation, state handling)
- ⏱️ Timer for each question
- 🎨 Dark Mode toggle
- 📤 Export results to PDF
- 💾 Save & resume quiz progress using LocalStorage
- 🔗 Shareable quiz links
Developed with ❤️ by Prashant Gohel
This project is open-source and free to use. You can modify and extend it as per your needs.