📖 DictionaryApp

DictionaryApp is an interactive web tool that allows users to search for word definitions, phonetics, synonyms, and examples in real-time. It integrates with an external dictionary API to provide accurate and comprehensive word data.

🚀 Live Demo

You can try the application live on GitHub Pages:
🔗 DictionaryApp Demo

🖼️ Preview

🛠️ Built With

• HTML
• CSS
• JavaScript

✨ Features

• 🔎 Search for word definitions.
• 🔤 Displays phonetic transcriptions.
• 🔊 Plays pronunciation audio (if available).
• 📝 Shows synonyms for words.
• 📖 Provides usage examples.
• 🌙 Light/Dark mode toggle.
• 🎨 Customizable font selection.
• 📱 Fully responsive design.

📁 Installation

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Bricafio/DictionaryApp.git

2. Open the project folder in a code editor (e.g., VS Code).
3. Install the Live Server extension in VS Code.
4. Right-click on index.html and select "Open with Live Server" to launch the app.

⚠ Opening index.html directly in the browser won't work due to CORS restrictions.

🔗 API Reference

This project uses the Free Dictionary API to fetch word data.

⚠️ Disclaimer

This project was inspired by a challenge from Frontend Mentor. The current implementation was created from scratch using only the challenge’s visual guidelines as a reference. You can view the original challenge https://www.frontendmentor.io/challenges/dictionary-web-app-h5wwnyuKFL.