Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 9 months ago

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

react, react-router, vite
P
Alexwz89•500
@Alexwz89
A solution to the Frontend Quiz app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.
What specific areas of your project would you like help with?

Welcome to my site, and feel free to leave any suggestions and ideas you may have~!

Quiz website

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Alexwz89's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License