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

First NextJs + Typescript Project - Dictionary Web App

next, react, typescript
P
Kevin•250
@zs-kev
A solution to the Dictionary web app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Any feedback is welcome.

This was my first NextJs project with Typescript. Its by no means perfect, but I am very happy with the way it came out.

Some features include:

  • Light / dark mode preference will be saved.
  • Font preference will be saved.
  • Click on a synonym or antonym will automatically search for that clicked on word

What I would like to fix (if there is anything you spot that I could fix/improve, please let me know so I can add to the list):

  • Type setting in my markup. For a lot of parts of the code I set the type as any as I wasn't sure what to set it. I would like to go back through the code and fix this.
  • Add accessibility. Currently the site is not very accessible, this is something I want to go back and fix.
  • Play more than one audio link. Currently only plays one audio link, but if there is more than one I would like it to go through and play each one.

Please go through the app and let me know your thoughts.

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 Kevin'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

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