frontend-quiz-app

Community feedback

• 

  P

  Gilbert•360

  @juliengDevPosted about 2 months ago

  Project Review: Quiz Application

  Congrats on taking on this challenge! You did a great job respecting the design mockup, and the visual rendering is in line with the expectations described in the design system.

  I started by testing the site, and I noted a few things you could improve, if you’d like, to enhance the user experience:

  •	Add a transition effect (ease) when switching between light and dark modes.
  •	Add transitions to the quiz answer selection effects.
  

  I noticed that when reaching the last question, the “Next Question” button remains unchanged. It would be more fitting to change the button label to something like “View My Results” or “View My Score.”

  I found it cool that you added confetti effects! I did the same in my version, but with a different effect. Feel free to check it out and let me know what you think.

  I saw that you used Tailwind for styling; I’m not very familiar with it, so I can’t give much critique on that part. For navigation, you used React Router. I took a different approach in my project, which you’re welcome to check out if you’re interested.

  As for the code, here’s what I observed: I had a bit of difficulty navigating through your file structure. I think organizing it into a more readable folder structure could help others access your code more easily. I also noticed that you handle loading states and errors, which is a good practice. Overall, I believe you could benefit from using a state management system for your application. I can see that you’ve written a lot of code and you’re using many components. For future projects, you could optimize this by using Context API or Redux.

  I didn’t go into too much detail because it was hard to get a clear overview of everything, but I will read the description of your project. Unfortunately, there aren’t any comments in the code, which would have helped.

  I hope my feedback has been useful. My goal is not to lecture you—you’re doing great! But from my point of view and experience, these are some of the things I noticed. Best of luck with your work on the platform, and I look forward to exchanging ideas with you again. Take care and happy coding!

  0