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

First NextJs + Typescript Project - Dictionary Web App

P
Kevin 230

@zs-kev

Desktop design screenshot for the Dictionary web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

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.

Community feedback

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