A modern, responsive chatbot application built with React and powered by Google's Gemini API.
- 💬 Real-time chat interface
- 🌓 Dark/light mode toggle with persistent settings
- 🎨 Modern UI styled with Tailwind CSS
- ⚡ Fast performance with Vite
- 🚨 Toast notifications for user feedback
- 🧠 AI-powered responses using Gemini API
-
Install dependencies
npm install
-
Set up environment variables
Create a
.envfile in the root directory:VITE_GEMINI_API_KEY=your_api_key_here VITE_GEMINI_API_URL=https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=
-
Start the development server
npm run dev
- Visit Google AI Studio
- Sign in with your Google account
- Create a new API key
- Copy the key and add it to your
.envfile
- React 19 & Vite
- Tailwind CSS
- Google Generative AI (Gemini API)
- Lucide React (Icons)
- React Toastify
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint