Chat Bot

This project is a simple chatbot interface built using HTML, CSS, and JavaScript. The chatbot leverages Google's Generative AI model to generate responses to user queries. The application is designed with a sleek and modern interface, suitable for integration into web projects.

Features

User-Friendly Interface: A clean and responsive design using custom CSS.
Generative AI Integration: Powered by Google Generative AI for dynamic responses.
Markdown to HTML Conversion: Automatically converts markdown in AI responses to HTML for better display.

Setup

Prerequisites

An API key from Google Generative AI.
A basic understanding of HTML, CSS, and JavaScript.

Installation

Clone the Repository:

git clone https://github.com/your-username/chatbot.git
cd chatbot

Add Your API Key: Replace the placeholder "your google gen ai api key" with your actual API key in the <script type="module"> section of the HTML file.

Usage

Open index.html in your web browser.
Enter a question in the input field and click the "Generate" button.
The chatbot will process the query and display the response below.

Project Structure

AI.html: Main HTML file containing the chatbot interface.
AI.css: Custom CSS file for styling the chatbot and layout.