A modern, responsive AI chatbot application built with React, Vite, and Tailwind CSS, powered by Google's Gemini API.
- 🤖 Intelligent Conversations: Powered by Google's Gemini API.
- 💾 Chat History: Automatically saves your conversation history to local storage.
- 🎨 Rich Text Formatting: Supports code blocks, bold text, and proper spacing.
- 📱 Responsive Design: Fully optimized for both desktop and mobile devices.
- ⌨️ Keyboard Shortcuts:
Ctrl + I: Focus on the input field.Ctrl + Delete: Clear chat history (with confirmation).Enter: Send message.Shift + Enter: New line.
- 🗑️ Chat Management: Easy-to-use clear chat functionality with confirmation dialog.
- Frontend: React.js, Vite
- Styling: Tailwind CSS
- Icons: React Icons
- API Integration: Axios (Google Gemini API)
-
Clone the repository
git clone https://github.com/MokshPShah/Chatbot-AI cd Chatbot-AI -
Install dependencies
npm install
-
Configure Environment Variables Create a
.envfile in the root directory and add your Google Gemini API key:VITE_KEY=your_api_key_here
You can get your API key from Google AI Studio.
-
Run the development server
npm run dev
Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.
Made with ❤️ by Moksh Shah