This is an AI-powered chatbot built using React.js and CSS, integrated with Google’s Gemini AI for dynamic and intelligent responses. The chatbot is fully responsive and can be used on both desktop and mobile devices. It provides instant answers to user queries and is perfect for experimenting with AI-driven conversational interfaces.
Live Demo: https://prasanth-chatbot.netlify.app/
- Instant AI Responses – Powered by Gemini AI.
- Modern UI – Built with custom CSS styling.
- Mobile-Friendly – Fully responsive design.
- Fast Deployment – Hosted on Netlify.
- Cross-Platform – Works on desktop & mobile browsers.
- Frontend: React.js, CSS
- AI Model: Gemini AI API
- Deployment: Netlify
1️⃣ Clone the Repository git clone cd chatbot-reactjs
2️⃣ Install Dependencies npm install
3️⃣ Add Gemini API Key
Create a .env file in the project root and add:
VITE_GEMINI_API_KEY=your_api_key_here
4️⃣ Run Development Server npm run dev
Your app will be live at http://localhost:5173/ (or as shown in the terminal).
- Push your code to GitHub.
- Go to Netlify and create a new site.
- Connect your GitHub repository.
- Set the environment variable (VITE_GEMINI_API_KEY) in Netlify.
- Deploy and get your live link.