A modern, responsive dictionary web app built with React, Tailwind CSS, and Material UI.
It supports light/dark mode, and provides word definitions, examples, synonyms, antonyms and audio pronunciation.
- 🔍 Search for word definitions in English
- 🎧 Audio pronunciation for English words
- 🌙 Light/Dark mode toggle with smooth transitions
- 🖥️ Responsive design for all devices
- 🧑💻 Debounced search for better performance
- 📦 Local storage for dark mode preference
-
Clone the repository:
git clone https://github.com/kapilsinghnegi/word-search.git cd dictionary-app
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
- Type a word in the search box.
- For English words, click the audio icon to hear pronunciation.
- Toggle light/dark mode using the switch in the top-right corner.
- React for building the UI
- Tailwind CSS for styling
- Material UI for additional components
- Axios for API requests
- Vite for development server and build tool
- Dictionary API for fetching word data