Milestone-Frontend Quiz with React and React Route!!!

Solution retrospective
After 2 days of hard working, I finally published my first multi-page React project on Netlify, and it's a great way to conclude the third phase of Learning Path. Looking forward to more challenges in subsequent projects, I'll gradually increase my proficiency in React, while gradually introducing Typescript and Tailwind CSS!
What challenges did you encounter, and how did you overcome them?- How to design the Route - review the lesson in scrimba, highly recommend Bob Zirol's Advanced React course!
- The dark and light theme switch - even I have learned some knowledge from scrimba, but still asked GPT and xAI for the best practise to realize it.
- The most challenge part comes from Test Page, I have introduced a lot of state variables to follow the status while keep the page update. At the same time, I have practised a lot about dynamic styling.
- reviewed the process to publish the React website in Netlify. At the first time deployment, the image link was broken due to I have not used the import way.
Welcome to my site, and feel free to leave any suggestions and ideas you may have~!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @JoyObaidu
The solution is accesible with the color change for every correct answers.
The layout looks good on my screen
- @duncan-chege
- Add an error state when someone clicks the "Submit Answer" button yet they haven't chosen an option in the question
- Space your icons from the text in the option question boxes
- Reduce the opacity in your options box-shadows
- Change the button text in the final question from "Next Question" to "View Score"
- Let your element styles in dark mode be similar to the Figma design
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord