Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Dictionary built with React, TS, Vitest, RTL, Storybook, SCSS modules

animation, react, react-testing-library, storybook
Adam Mescher•180
@AdamMescher
A solution to the Dictionary web app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Lots going on here - it took me 3 months longer than I wanted it to because of life things and I got carried away. Released is better than tucked on my local machine forever, so I've deployed despite this still being a work in progress.

Got great experience and learned a little bit about CSS animations by writing custom SVG animation for stop + start button for audio.

Dark mode and font style was fun to learn and implement without using 3rd party tools.

The flourishes were fun to learn but were a time sink - instead of maintaining a fast pace, I got bogged down in the weeds. Not sure what the balance between craftsmanship / mastery / pride and getting things done. Whatever the answer, these strides were incredibly necessary and even if this isn't the most amazing thing I've ever released, it is a great symbol of me putting in time constantly and learning how to close this chapter to move on to the next thing with my head held high.

Code
Loading...

Please log in to post a comment

Log in with GitHub

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License