Case Study: React Dictionary App

This is a React project focused on creating a simple, user-friendly design with seamless word-search functionality. My end goal of this project was to create a fully functional dictionary app that included multiple features such as word definition, part of speech, synonyms, phonetic spelling and (if possible) an audio button and image section.

While building this application, I learned how to integrate multiple APIs, create specific components, use React Loops, and React Use States.

The main challenges of the project were knowing when to create new components, so the application could parse through the different aspects of the complex API and stay true to the Single Responsibility Principle. It was also important to me to display the audio player of the phonetics in the most user-friendly and accessible way, so I wanted this element to play whilst the user was still on the application, rather than this feature opening up into a different tab, so installing react-audio-player helped me achieve this goal.