Submitted over 2 years ago

NextJS 13 /app Dir / TS / SCSS Modules / Vite / RTL / Storybook 7

react, react-testing-library, sass/scss, vite, storybook

Adam Mescher•180

@AdamMescher

A solution to the Results summary component challenge

Preview Code

Solution retrospective

This one had quite a few footguns:

adding alpha to hsl css variables
static icon file path import in NextJS / Storybook
static icon file path import in NextJS / Storybook

Overall, feel pretty solid about this solution with component tests.

CSS feels relatively straightforward without too many spiderwebs of madness.

Wanted to add Cypress E2E tests but timebox didn't allow for it. Perhaps I'll revisit after time spent on another challenge.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Adam Mescher'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