Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React, Typescript, & SASS

P

@nvalline

Desktop design screenshot for the Frontend Quiz app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This was the first time implementing Typescript and a dark/light mode into an application. I feel like I picked them up fairly quickly. I know I have more to learn with Typescript, but this was a good first project.

As for the dark/light mode, I elected to handle it with dynamic classes. For this project I feel like it works well, though for larger applications I'm not sure if there is a better way.

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

Figuring out the question progress bar was the biggest hurdle I faced. I was able to find some information online that provided the right direction and I was able to figure it out in the end.

What specific areas of your project would you like help with?

If there is a better way to handle the dark/light mode feature, I would be interested in hearing other options.

Also, if there are any general suggestions/tips to improve upon my code I'm all ears.

Thanks!

Community feedback

P

@robcrock

Posted

You could use a context provider to wrap your child components that need to inherit the theme. That being said, I thin you did a good job especially in how you're handling the error state. I personally didn't even take the time to implement the bonus points, so well done. Bravo!

If you would like to fix a bug, I found one. After you click submit answer you can continue selecting different options and even set the correct answer to be correct and incorrect at the same time. It's a little funky.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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