A responsive Dictionary & Pronunciation App built with HTML, CSS, JavaScript, and the Dictionary API. It allows users to search words, view meanings and examples, and listen to pronunciations.
This project helps users quickly search for English words and understand their meanings. It fetches real-time data from the Dictionary API and displays the meaning, example usage, and pronunciation audio (when available).
This project was built to strengthen my understanding of JavaScript, Fetch API, JSON handling, and working with external APIs.
- 🔍 Search any English word
- 📖 View word meanings
- 📝 Display example sentences (if available)
- 🔊 Listen to word pronunciation
⚠️ Handles invalid or unavailable words gracefully- 📱 Responsive and user-friendly design
- 🎨 Modern UI with gradient background
- HTML5
- CSS3
- JavaScript (ES6)
- Dictionary API
- DOM Manipulation
- Event Handling
- Fetch API
- Promises
- JSON Parsing
- Error Handling
- Template Literals
- Optional Chaining
- Clone the repository:
git clone https://github.com/Mohammed-Naeem-Patel/Dictionary-App.git-
Open the project folder.
-
Open
index.htmlin your browser.
Some words may not contain examples or pronunciation audio because the availability of such information depends on the data provided by the Dictionary API.
Mohammed Naeem Patel
BCA Student | Aspiring Full Stack Developer
⭐ If you found this project helpful, consider giving it a star.