A modern, minimal chat interface with voice input powered by Google Gemini API.
- Text-based conversation with Gemini 2.5 Pro
- Voice input via Web Speech API (RU)
- Animated mic recording indicator
- AI "thinking" animation
- Smooth transitions from welcome screen to chat
- Styled using Tailwind CSS + Framer Motion
- Frontend: React + Vite + Tailwind CSS
- Backend: Node.js + Express
- API:
@google/generative-ai - Animations: Framer Motion
git clone https://github.com/your-username/ChatBot-WEB.git
cd ChatBot-WEBcd server
npm installCreate a .env file:
GEMINI_API_KEY=your_google_gemini_key_here
Run the server:
node index.jscd ../client
npm install
npm run devVisit http://localhost:5173