Skip to content

kama683/ChatBot-WEB

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Gemini AI Chatbot Web App

A modern, minimal chat interface with voice input powered by Google Gemini API.

image

✨ Features

  • 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
image

🚀 Technologies Used

  • Frontend: React + Vite + Tailwind CSS
  • Backend: Node.js + Express
  • API: @google/generative-ai
  • Animations: Framer Motion

🛠 Getting Started

1. Clone the repository

git clone https://github.com/your-username/ChatBot-WEB.git
cd ChatBot-WEB

2. Setup the server

cd server
npm install

Create a .env file:

GEMINI_API_KEY=your_google_gemini_key_here

Run the server:

node index.js

3. Setup the client

cd ../client
npm install
npm run dev

Visit http://localhost:5173


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors