https://github.com/hasanulmukit/chatbot-gemini
A robust chatbot powered by the Gemini API, offering interactive conversations, dark/light modes, and saved chat history.
https://github.com/hasanulmukit/chatbot-gemini
api chatbot css dark-mode gemini-api html javascript
Last synced: 12 days ago
JSON representation
A robust chatbot powered by the Gemini API, offering interactive conversations, dark/light modes, and saved chat history.
- Host: GitHub
- URL: https://github.com/hasanulmukit/chatbot-gemini
- Owner: hasanulmukit
- Created: 2025-01-15T09:57:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-15T10:02:39.000Z (over 1 year ago)
- Last Synced: 2025-03-01T01:34:20.775Z (over 1 year ago)
- Topics: api, chatbot, css, dark-mode, gemini-api, html, javascript
- Language: JavaScript
- Homepage:
- Size: 25.4 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Chatbot-Gemini
**Chatbot-Gemini** is an interactive chatbot built to assist users with a wide range of queries and tasks. Powered by the Gemini API, the chatbot can answer questions, provide suggestions, and perform simple coding tasks. With a clean and responsive interface, it offers a smooth user experience on both desktop and mobile devices.
## Features
- User Interaction: Allows users to input text and receive generated responses.
- Suggestions: Predefined suggestions for users to choose from, making it easier to start conversations.
- Dark/Light Mode: Toggle between dark and light themes for personalized visual experience.
- Save Chats: Automatically saves chat history to local storage, ensuring your conversations are preserved.
- Copy to Clipboard: Users can easily copy messages from the chatbot to the clipboard.
## Usage
1. Start a Conversation: Type your message into the input field and hit "Send" or use the predefined suggestions.
2. Toggle Themes: Use the theme toggle button to switch between light and dark modes.
3. Delete Chats: Clear all stored chat history with the delete button.
4. Save/Export Chats: Your chat history is automatically saved and can be exported for reference.
## Technologies Used
- Frontend: HTML, CSS, JavaScript
- API: Gemini API for content generation
**API Configuration**
This project uses the Gemini API for generating chatbot responses. To use the API, you'll need to:
1. Obtain an API key from Google Cloud.
2. Replace the API_KEY in the script.js file with your own API key.
## Contributing
- Fork the repository.
- Create a new branch (git checkout -b feature-branch).
- Commit your changes (git commit -am 'Add feature').
- Push to the branch (git push origin feature-branch).
- Open a pull request.
Let me know if you'd like any adjustments!