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

Do you see value in our efforts?

Devtools Tech is a free platform for Frontend Engineers. It takes a lot of time, effort, and finanical resources to keep the platform running. If you see any value in our work and would like to support us then you can do using the following options.


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


  • Users should be able to search any word in the english language.
  • You can use the Dictionary API<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)


  • 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.


Default/Empty Screen

Default State

Results Screen

Results Screen



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