Dynamic Quiz App — HTML, CSS & JS Project

A fully interactive Quiz App built using pure HTML, CSS, and JavaScript — featuring dynamic question loading, responsive mobile design, animations, and a confetti celebration at the end!

---

🎯 Objective

The objective of this project is to:

• Learn Dynamic Quiz App

---

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)

---

✨ Features

✅Dynamic questions loaded from a separate JS file (questions.js) ✅ Interactive correct/incorrect animations ✅ Automatic score tracking ✅ Randomized answer order ✅ Confetti celebration for high scores 🎉 ✅ Responsive vertical layout (1080×1920) — perfect for YouTube Shorts ✅ Pure HTML, CSS, and JavaScript — no frameworks used!

---

📂 Project Structure

dynamic-quiz-app-html-css-js/
│
├── index.html
├── questions.js
├── fonts/
│   └── arial.ttf
└── README.md

---

⚙️ How It Works

• All quiz questions are stored inside questions.js as a structured array.
• The app dynamically loads each question and randomizes the answer order.
• User clicks highlight instantly (green = correct, red = wrong).
• At the end, your total score appears — with a confetti animation for top scores.

---

⚙️ Installation and Execution

Step 1: Clone the Repository

git clone https://github.com/chandrakantapanda/dynamic-quiz-app-html-css-js.git
cd dynamic-quiz-app-html-css-js

Step 2: Run the Application

Click in index.html

---

🎥 Watch the demo: YouTube Video -https://www.youtube.com/shorts/jQUE3CGungU

---

📜 License

This project is developed for educational purposes and is free to use and modify.

---

👤 Author

Chandrakanta panda
Developer | Python Developer
GitHub: https://github.com/chandrakantapanda