Skip to content
Submitted 23 days ago

Frontend Quiz using React/TypeScript/Jest/Redux/SCSS

jest, react, redux, typescript, sass/scss
P
kephalosk•380
@kephalosk
A solution to the Frontend Quiz app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Responsive Design down to 150px by using vw, vh, text-break, overflow-hidden, etc.

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

First time implementing darkMode by saving the boolean state of darkMode to the global redux state and just read it where needed and set conditional dark/light-css classes.

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

Recommended scale-factors for clamp function. I allways have to set down the given font-sizes to prevent oversized fonts.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Kyle Mulqueen•400
    @kmulqueen

    I think you did an incredible job! Dark mode functionality is working great, the design is spot on to the design spec. Also nice job adding Jest tests.

    As for the clamp function and using that for font-sizes, the article in the "Building responsive layouts" learning path was helpful. That article also mentions this web.dev article as well. Hopefully you find some answers there!

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