An interactive quiz app to test your web development knowledge across HTML, CSS, JavaScript, and React — with timed questions, instant feedback, and a results dashboard.
A dark-themed quiz app — pick a category, answer 10 randomized multiple-choice questions against a 15-second timer per question, and see your final score with stats.
- 4 quiz categories: HTML, CSS, JavaScript, React
- 10 randomized questions per round (shuffled from a question bank each time)
- 15-second countdown timer per question with a visual warning state
- Instant answer feedback — correct/wrong highlighting
- Animated progress bar tracking quiz completion
- Results screen with score percentage, correct/wrong count, and average response time
- Replay or switch category without reloading the page
- Fully responsive, zero dependencies
- HTML5
- CSS3 (Flexbox, Grid, Animations, CSS Variables)
- Vanilla JavaScript (timers, DOM manipulation, state management)
devquiz-app/
├── index.html # All HTML, CSS, and JS in a single file
└── README.md
No build step needed — it's a static HTML file.
git clone https://github.com/Jatinmor89/devquiz-app.git
cd devquiz-appThen just open index.html in your browser, or use a live server:
npx live-server- Add more categories or questions by editing the
QUESTIONSobject in the<script>section - Adjust the per-question timer by changing
timeLeft = 15in thestartTimer()function - Colors are controlled via CSS variables at the top of the
<style>block
- Pick a category on the start screen
- Answer 10 shuffled questions, each with a 15-second timer
- Get instant feedback (green = correct, red = wrong)
- View your final score, accuracy breakdown, and average time per question
- Replay the same category or pick a new one
This project is open source and free to use for learning and portfolio purposes.
Jatin
- GitHub: @Jatinmor89
- LinkedIn: Jatin Mor
- Email: jatinmor342@gmail.com