Chatbot Interface Using Google Gemini API

Project Overview

This project is a web-based chatbot interface that integrates with Google's Gemini API to provide AI-powered responses. The chatbot allows users to send messages and receive intelligent responses in real time.

Features

• Simple and responsive chat UI using HTML, CSS, and JavaScript
• Real-time interaction with Google Gemini API
• Smooth message rendering and scrolling
• Error handling for API requests

Technologies Used

• Frontend: HTML, CSS, JavaScript
• Backend API: Google Gemini API

Setup Instructions

Prerequisites

• A web browser (Chrome, Firefox, Edge, etc.)
• A Google API key with access to the Gemini API

[Live Demo](https://happybot.tiiny.site/)

Installation

1. Clone this repository:

   git clone https://github.com/Hercules-Peters/Chatbot-Interface-Using-Google-Gemini-API.git

2. Navigate to the project directory:

   cd chatbot-gemini

3. Open index.html in a web browser.

Configuration

1. Obtain an API key from Google Cloud for the Gemini API.
2. Replace YOUR_API_KEY in the JavaScript file with your actual API key:

   const API_KEY = 'YOUR_API_KEY';

Usage

1. Open the chatbot in a browser.
2. Type a message in the input field.
3. Press enter or click the send button.
4. The chatbot will respond using the Gemini API.

Troubleshooting

• Ensure your API key is valid and has access to the Gemini API.
• Check for errors in the browser console (F12 > Console) for debugging.
• Verify network connectivity if API calls fail.

Future Improvements

• Improve UI/UX with animations and better styling.
• Implement voice input and text-to-speech responses.
• Add a backend for storing chat history.

License

This project is licensed under the MIT License.

Contact

For questions or contributions, feel free to reach out via kinyuapeter816@gmail.com.