Build A Dictionary App | React.js | Frontend Coding Challenge

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

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.