This is a Reactjs project focused on creating a simple, user-friendly design with seamless word-search functionality.
Clone down this repository you will need node and npm installed globally on your machine.
npm install
npm start
- Single Responsibility Principle
- React Components
- React Loops
- API Integration
- Responsive Design
I learned so many new things by creating this coding project. My end goal of this project was to create a fully functional dictionary app that included basic features like the definition, part of speech, synonyms, phonetic spelling and (if possible) an audio button and image section. My first step was to create a wireframe on InvisionApp, which you can view here.
While building this application, I learned how to search for the APIs that were right for getting my desired end result, create specific components, use React Loops, and Use States.
The main challenges of the project were creating more 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 elemento 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.