Dictionary App

This is a simple, modern, and professional dictionary web application that allows users to search for the definitions of English words. The app fetches data from the free Dictionary API and displays meanings and definitions in a clean, user-friendly interface.

Features

• Search for English words and get their meanings and definitions.
• Responsive and modern UI design using professional fonts and color palette.
• Input validation with error messages for empty input or word not found.
• Loading state on the search button during API requests.
• Clean display of parts of speech and definitions.
• Responsive design for desktop and mobile devices.

Technologies Used

• HTML5
• CSS3 (with Google Fonts - Inter)
• JavaScript (ES6+)
• Axios for HTTP requests
• Dictionary API: https://dictionaryapi.dev/

How to Use

1. Open index.html in a modern web browser.
2. Enter a word in the input field.
3. Click the "Search" button.
4. View the definitions displayed below the form.
5. If the word is not found or input is empty, an error message will be shown.

File Structure

• index.html - Main HTML page with the app structure.
• style.css - Stylesheet with modern and professional styling.
• index.js - JavaScript logic for handling form submission, API calls, and UI updates.

Live Demo

Link : Live Link

Future Improvements

• Add support for synonyms, antonyms, and example sentences.
• Implement offline caching for faster repeated lookups.
• Add multi-language support.
• Enhance accessibility features.

License

This project is open source and free to use.

---

Created as a simple dictionary lookup app with a focus on clean UI and usability.