Dictionary App with AI Chatbot

A simple and user-friendly dictionary app that allows users to search for word definitions using a dictionary API. The app also features an AI Chat Assistant (Peng 🐧), powered by Google Gemini APIs, to help users with word meanings, synonyms, and simple explanations.

🚀 Features

📖 Dictionary Features

• Search for Word Definitions: Type any word into the search bar, click the search button, and see the definition of the word.
• Responsive UI: The app is designed to be fully responsive, adapting to different screen sizes.
• About Section: Information about the app is accessible via a modal when the user clicks the "About" link in the navbar.
• GitHub Link: Direct link to the project's GitHub repository for users who want to explore the source code or contribute.
• Talk to Author: A button that redirects users to the author's LinkedIn profile for inquiries or discussions.
• Contribute: A button linking to a Google Form where users can provide feedback or suggestions.

🤖 AI Chat Feature (Peng 🐧)

• AI-powered Word Assistance: Chat with Peng for help understanding word meanings, synonyms, and usage.
• Google Gemini API Integration: Uses Google's Gemini AI to generate intelligent responses.
• Simple & Interactive UI: A clean chatbox interface allows users to type queries and get real-time AI-generated responses.
• Return to Dictionary: A "Back to Home" button lets users return to the main dictionary page from the chat screen.

🛠 Technologies Used

🔹 Dictionary Features

• HTML5: Structure of the web page.
• CSS3: Custom styles for layout and design.
• Bootstrap 5: Used for responsive design and UI components such as the navbar, modal, and buttons.
• JavaScript: Fetches word definitions using an API and handles dynamic functionalities like opening the modal and search.
• API: Uses an external dictionary API to retrieve word definitions.

🔹 AI Chatbot Features

• Google Gemini API: Generates AI responses based on user queries.
• JavaScript & Fetch API: Sends requests to the Gemini API and processes responses dynamically.
• Custom Chat UI: Styled using CSS3 to create an intuitive conversation experience.

🏗 How to Use

📖 Using the Dictionary

1. Search for a Word: Type a word in the search bar and click the "Search" button. The definition will appear below.
2. Learn More About the App: Click the "About" button in the navbar to open a modal with details about the app.
3. Check Out the GitHub Repository: Click the "GitHub" button to visit the project's GitHub page.
4. Talk to the Author: Click the "Talk to Author" button to visit the author's LinkedIn profile.
5. Contribute: Click the "Contribute" button to share feedback or suggestions via a Google Form.

🐧 Using the AI Chat Assistant

1. Click the "Chat with Peng" button on the homepage to open the chatbot.
2. Type a word-related question, like "What does serendipity mean?" or "Give me synonyms for happy."
3. Peng 🐧 (powered by Google Gemini) will respond with useful information.
4. Click the "Back to Home" button to return to the dictionary page.

⚙️ Installation

1. Clone the repository:

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