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

Dictionary App Using TypeScript + React + SCSS

P

@JIH7

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


I'm extremely pleased with myself on this one. The mobile layout scaled very well for desktop and tablet, and functionality appears to be (fingers crossed) bug free. If anyone notices any issues with my styles or implementations, please let me know. This is a portfolio piece for me and I'm striving to make it as professional as possible!

Community feedback

@sankalpsingha

Posted

There are issues with the API calling. I am getting multiple results of the same value when you search something like for example: "test" or "cool".

Also, the synonyms should be clickable and the text should be able to be searchable by clicking on it according to the design.

Marked as helpful

1

P

@JIH7

Posted

@sankalpsingha Thank you for the feedback! I can't find the thing about synonyms in the original design, but it's a great idea so I just implemented it and updated the site.

I'm aware it shows multiple entries, it's actually intentional despite not being part of the original design. The API returns an array of entries and I figured I might as well render them all. I probably could make it look a little better though.

0

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