📖 Dictionary Web App

An interactive dictionary web application that fetches word definitions, examples, synonyms, and pronunciations using the Free Dictionary API.

🔗 Live Demo

Try it now →

✨ Features

• 🔍 Word Search — Type any English word and press Enter
• 📚 Definitions — Get detailed word meanings
• 💬 Examples — See words used in context
• 🔗 Synonyms — Discover related words (clickable!)
• 🔊 Pronunciation — Listen to audio pronunciation
• 🎨 Clean UI — Modern, minimalist design

🚀 Getting Started

Online

Visit the live demo

Local Development

1. Clone the repository:

   git clone https://github.com/RaulAbakarov/DictionaryWebApp.git
   cd DictionaryWebApp

2. Open index.html in your browser

🏗️ Project Structure

DictionaryWebApp/
├── index.html     # Main HTML structure
├── script.js      # API calls and DOM manipulation
├── style.css      # Styling
└── source/        # Additional assets

🛠️ Technical Details

API Integration

Uses the Free Dictionary API:

fetch(`https://api.dictionaryapi.dev/api/v2/entries/en/${word}`)

Features Implementation

• Async/Await for API calls
• Dynamic DOM updates
• Audio playback for pronunciations
• Error handling for unknown words

📸 Preview

Feature	Description
Search	Enter any word and press Enter
Results	View definition, phonetics, examples
Audio	Click speaker icon to hear pronunciation
Synonyms	Click any synonym to search it

🎯 How to Use

1. Type a word in the search box
2. Press Enter to search
3. View the definition, part of speech, and phonetics
4. Click 🔊 to hear pronunciation
5. Click on synonyms to explore related words

📄 License

This project is open source and available under the MIT License.

👤 Author

Raul Abakarov — GitHub | LinkedIn

---

⭐ Found this useful? Give it a star!