A React-based frontend application that integrates with Google's Gemini API to simulate conversational AI functionality — built as a Gemini-powered chatbot clone.
- Uses Google's Generative Language API (Gemini)
- Handles text prompts with responses powered by
gemini-pro
orgemini-1.5-pro
- Responsive UI for chat-like interaction
- Environment variable support for secure API key handling
- Modular and clean React component structure
git clone https://github.com/your-username/gemini-clone.git
cd gemini-clone
npm install
Create a .env
file in the root directory and add your Gemini API key:
VITE_GEMINI_API_KEY=your_api_key_here
Make sure the .env
file is in your .gitignore
.
Start the development server:
npm run dev
Open your browser and go to:
http://localhost:5173
Type a prompt and watch Gemini generate a response!
- Rate limits apply. Free tier for Gemini 1.5 Pro is 2 requests/minute.
- If you hit quota errors (
429
), try switching togemini-pro
or enable billing to increase quota. - Keep your API key secure and never expose it in public repos.