Build A Dictionary App | React.js | Frontend Coding Challenge
@Devtools Tech

In this coding challenge, you need to build a Dictionary web app that users can use to search meaning, pronunciation, synonyms, examples, and more.

Specifications

  • Users should be able to search any word in the english language.
  • You can use the Dictionary API
https://api.dictionaryapi.dev/api/v2/entries/en/<word>

Read more about them here.

  • Clicking on the word's pronunciation should play the sound.
  • Your should be well structured, clean, and maintainable.
  • You can either implement search on typing or on form submission (user pressing enter)

Bonus

  • If you implement search on typing then try to minimize API calls using mechanisms like Debounce, Throttling.
  • Look into caching results on search success and serve content from cache for future search hits.

Mockups

Default/Empty Screen

Default State

Results Screen

Results Screen

Demo

Submission

Please start the timer before starting and finish your solution within 60 mins. Share your solution with us on Twitter or LinkedIn.