A modern, responsive chat interface powered by Google's Gemini AI. This application allows users to engage in intelligent, real-time conversations with an AI assistant through a sleek, mobile-friendly UI.
- 💬 Real-time conversations with Gemini 1.5/1.0 models
- 🌓 Dark/Light mode toggle
- ⚡ Fast, responsive UI with loading indicators and transitions
- 📱 Fully responsive and mobile-optimized design
- 🔄 Chat history saved during session
- 📋 One-click copy button with “Text copied!” toast
- 🎨 Stylish glassmorphism and gradient UI
- 🔐 .env support for sensitive API keys
- Next.js (App Router)
- React.js
- Tailwind CSS
- Google Gemini API
- React Icons
- TypeScript
Gemini-AI-ChatBot/
├── app/
│ ├── globals.css
│ ├── layout.tsx
│ ├── page.tsx
│ ├── page.css
│ └── api/
├── components/
│ ├── logo-options.tsx
│ ├── theme-provider.tsx
│ ├── theme-toggle.jsx
│ ├── Neo/
│ └── ui/
├── hooks/
├── lib/
├── public/
├── styles/
│ └── globals.css
├── .env.local
├── package.json
├── tailwind.config.ts
├── tsconfig.json
└── README.md
- Node.js >= 16.x
- npm, yarn, or pnpm
- Google Gemini API key
-
Clone the repository:
git clone https://github.com/Shanidhya01/Ai-ChatBot.git cd Ai-ChatBot -
Install dependencies:
npm install # or yarn install # or pnpm install
-
Create a
.env.localfile and add:GEMINI_API_KEY=your_google_gemini_api_key -
Start the development server:
npm run dev # or yarn dev # or pnpm dev
Visit: http://localhost:3000
| Variable | Description |
|---|---|
| GEMINI_API_KEY | Your API key from https://ai.google.dev/ |
Deploy with platforms like:
- Fork the repo
- Create your feature branch:
git checkout -b feature/feature-name - Commit your changes:
git commit -m 'Add feature' - Push to the branch:
git push origin feature/feature-name - Open a pull request
This project is licensed under the MIT License. See the LICENSE file for details.
- GitHub: https://github.com/Shanidhya01
- Email: luckykumar0011s@gmail.com.com