
Submitted 13 days ago
Milestone-Frontend Quiz with React and React Route!!!
#react#react-router#vite
P
@Alexwz89
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
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~!
Community feedback
- @duncan-chegePosted 9 days ago
- 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
0
Please log in to post a comment
Log in with GitHubJoin 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