🔥 AI Chat Web App

A premium, modern AI assistant web application built with React, Tailwind CSS 4, and the Google Gemini API. This project features a sleek obsidian-themed design with glassmorphism and smooth animations.

✨ Features

• 💬 Real-time AI Chat: Seamless interaction with Google Gemini 1.5 Flash / 2.0 Flash.
• 📂 Chat History: Sidebar with persistent chat sessions (Local Storage).
• 🌓 Premium Dark Mode: Obsidian/Slate theme with Electric Blue/Violet gradients.
• 📱 Responsive Design: Optimized for desktop and mobile devices.
• 📝 Markdown Support: Full rendering of AI responses, including code highlighting.
• 📋 Copy to Clipboard: Quick copy button for AI messages.
• ⚡ Sidebar Toggle: Focus mode by collapsing the navigation sidebar.

🛠️ Tech Stack

• Framework: React 19
• Bundler: Vite 7
• Styling: Tailwind CSS 4
• Icons: Lucide React
• Animations: Framer Motion
• API: Google Gemini API

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• NPM or Yarn
• A Google Gemini API Key (Get one here)

Installation

1. Clone the repository:

   git clone https://github.com/YOUR_USERNAME/ai-chat-webapp.git
   cd ai-chat-webapp

2. Install dependencies:

   npm install

3. Set up Environment Variables: Create a .env file in the root directory and add your API key:

   VITE_GEMINI_API_KEY=your_actual_api_key_here

4. Run the development server:

   npm run dev

5. Build for production:

   npm run build

🔒 Security & Privacy

• API Keys: Never commit your .env file to GitHub. It is included in .gitignore by default.
• Local Storage: Chat history is stored locally in your browser and is not uploaded to any server.

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

📄 License

This project is licensed under the MIT License.