Assistant UI — Google Gemini Integration

This is a customized version of assistant-ui using the Google Gemini API.

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/Dev-CodeBox/Chat-Buddy.git
cd Chat-Buddy

2. Install Dependencies

npm install
# or
yarn install
# or
pnpm install

3. Add Your API Key

Create a .env.local file in the root of your project:

GEMINI_API_KEY=your_google_gemini_api_key_here

You can get your API key from: Google AI Studio

4. Start the Development Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Visit http://localhost:3000 in your browser to see the app in action.

---

📁 Project Structure

├── app/
│   ├── page.tsx           # Main page
│   ├── layout.tsx         # App layout
│   └── globals.css        # Global Tailwind styles
├── components/
│   └── ui/                # Shadcn UI components
├── lib/
│   └── utils.ts           # Utility functions
├── .env.local             # Your API key here
├── tailwind.config.ts     # Tailwind config
├── postcss.config.js
├── tsconfig.json
├── next.config.js

---

✨ Features

• ✅ Built with Next.js 14 (App Router, Server Actions)
• ✅ TypeScript & Tailwind CSS
• ✅ Assistant UI integration
• ✅ Google Gemini API for LLM chat
• ✅ Fixed bottom tooltip icon button component

---

🧠 Gemini Integration Notes

• Uses Gemini Pro via the GEMINI_API_KEY defined in .env.local
• API integration logic is in lib/gemini.ts (or your custom backend handler)
• Handles user prompts, responses, and assistant behavior

---

🛠️ Custom Component Highlight

TooltipIconButton

Your TooltipIconButton is always visible, fixed to the bottom center of the screen.

<Button
  className="fixed bottom-4 left-1/2 -translate-x-1/2 z-50"
  ...
>
  ...
</Button>

---

🧪 Deployment

To deploy the app:

npm run build
npm run start

Or use platforms like Vercel, Netlify, or Render.

---

📄 License

MIT © Dev Raj Singh