** This is a dictionary app built for coding challenge on Frontend mentor **
- Search for words using the input field
- See the Free Dictionary API's response for the searched word
- See a form validation message when trying to submit a blank form
- Play the audio file for a word when it's available
- Switch between serif, sans serif, and monospace fonts
- Switch between light and dark themes
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Bonus: Have the correct color scheme chosen for them based on their computer preferences. Hint: Research prefers-color-scheme in CSS.
A simple but stylish dictionary web app built with React, styled component and REST API.
- Fetch API using axios
- Error management - Form validation, Not found component
- Apply Global Styles and Theme to manage consistent styling
- Smooth dropdown animation using CSS keyframes
- Toggle switch to chanage between dark/light mode
- Detects user's prefers-color-scheme and set theme accordingly
- Change body fonts with dropdown menu using useEffect
- Smooth transition applied throughout the app
- Completely responsive 🙌
- Testing app
- Save Favorite term