A responsive, accessible quiz app built with React and the Open Trivia DB API. Users can customise their quiz by selecting the number of questions and difficulty level, answer multiple-choice questions, and receive instant scored feedback.
🔗 Live Demo: milesquiz.netlify.app
- Fetches randomised questions from the Open Trivia DB API on each game
- Client-side answer randomisation (correct answer is never always in the same position)
- Configurable number of questions and difficulty level
- Instant scoring and answer feedback on submission
- Accessible feedback using ARIA attributes
- Fully responsive layout
| Technology | Purpose |
|---|---|
| React | UI & component architecture |
| TypeScript | Application logic |
| React Hooks (useState, useEffect) | State & lifecycle management |
| Open Trivia DB API | Quiz question data |
| CSS | Styling & responsive layout |
| Vite | Build tooling |
✔️ Accessibility Features
✔️ Responsive UI
✔️ "Number of questions" option
✔️ "Question difficulty" option
✔️ Fix structure of codebase - make components
✔️ Update to TypeScript