#Technologies used:
Library: React.js / vite.js
Language: JavaScript
Styling and iconography: Tailwind CSS and Heroicons
State management: Context API
Deployment: Cloudflare Pages
#Highlighted features:
- Search for words using the input field.
- View the API response from Free Dictionary for the searched word.
- See a form validation message when trying to submit an empty form and include robust validations for the word search field.
- Play the audio file of a word when available.
- Switch between serif, sans serif, and monospace fonts.
- Toggle between light and dark themes.
- View the optimal interface layout according to their device's screen size.
- See hover and focus states for all interactive elements on the page.
- Implement a search history functionality.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh