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
- The proposed solution only allows the user to submit an answer after 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
- HTML
- CSS
- REACTjs
- NEXTjs
- TailwindCSS
- Figma
First project using REACT, consolidating Tailwind CSS.
- Linkedin - Carlos Felipe Capobianco Sandoli
- Frontend Mentor - @felipesandoli