An interactive multi-page quiz application designed for students in Grades 11 and 12 to practice Python programming concepts. The questions are aligned with the NCERT syllabus and are categorized by difficulty.
This project is built with plain HTML, CSS, and JavaScript, making it lightweight and easy to deploy.
- Personalized Welcome: Asks for the user's name for a personalized experience.
- Multi-Page Layout: Questions are split into three distinct sections: Easy, Moderate, and Hard.
- Categorized Questions: 45 questions in total, with 15 in each difficulty category.
- Instant Score Calculation: The final score is calculated and displayed immediately after the exam.
- Detailed Answer Review: Users can review all questions, their selected answers, and the correct answers on the final results page.
- Responsive Design: The layout is optimized for both desktop and mobile devices.
-
Download the Repository:
- Click the green
< > Code
button on this page. - Select Download ZIP.
- Extract the ZIP file on your computer.
- Click the green
-
Run the Quiz:
- Open the extracted folder.
- Double-click the
index.html
file to open it in your web browser.
The repository is structured as follows:
.
├── circuitslibrary_logo.jpg # Your company logo
├── style.css # All styling for the quiz
├── index.html # Start page (name entry)
├── easy_quiz.html # Easy difficulty questions
├── moderate_quiz.html # Moderate difficulty questions
├── hard_quiz.html # Hard difficulty questions
└── results.html # Final score and answer review page
- HTML5
- CSS3 (with Flexbox for layout)
- JavaScript (for quiz logic and state management using
localStorage
)