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
- Solution URL: Github Repository
- Live Site URL: Live Site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Tailwind CSS
- Qwik - JS library
This was my first time using Qwik. I love the concept and the developer experience is quite a bit nicer than React. It was great using Signals for State Management. I'll be interested to see how this develops.
I wanted to give Qwik a shot to see if it's something I wanted to use for personal projects but I plan on learning React for future development.
- Frontend Mentor - @jacksonwhiting
- Twitter - @JWhiting00