Challenge 20
This is a solution to the Frontend quiz app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- Select a quiz subject
- Select a single answer from each question from a choice of four
- See an error message when trying to submit an answer without making a selection
- See if they have made a correct or incorrect choice when they submit an answer
- Move on to the next question after seeing the question result
- See a completed state with the score after the final question
- Play again to choose another subject
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Navigate the entire app only using their keyboard
- Bonus: Change the app's theme between light and dark
- HTML5
- CSS3
- JavaScript
- Flexbox
- Mobile-first workflow
- Fetch API
- bem - Block Element Modifier
- scss - Sassy Cascading Style Sheets
- Interactive Rating Component | Challenge 19 → View Repository
- Equalizer Landing Page | Challenge 21 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀