Submitted 4 months ago

Frontend Quiz App using Next JS and Tailwind CSS

next, react-router, tailwind-css, typescript

Duncan Chege•340

@duncan-chege

A solution to the Frontend Quiz app challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud to have finished this project. It seems easy, but it's tricky
I used Context API to manage my states and useRouter for programmatic navigation
I asked for help within my React networks, and 3 guys gave me fine solutions

What challenges did you encounter, and how did you overcome them?

Switching between light and dark modes was problematic considering I was deploying my app on Vercel. However, I watched a YouTube tutorial and consulted ChatGPT when I was stuck
Managing multiple states was tricky, considering I was moving them in different routes. However, I solved that using Context API

Code

Please log in to post a comment

Community feedback

P
Andrew A Lee•380
@drewlee
Posted 3 months ago
The functionality works well, as I was able to run through the quiz topics. The visual design can be improved to better match the design specification. I would particularly pay attention to the font sizes for each respective viewport and the specific dimensions for the interactive elements, which should be quite a bit larger on the desktop. I've also noticed one minor issue with the toggle switch. If the dark theme is enabled and the page is refreshed, the toggle switch's state isn't synced up with the theme. Meaning that the switch should be enabled. Hope that helps!
Marked as helpful

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