CybriX AI 🤖

Cybrix AI is an interactive AI chatbot project with a dynamic landing page built using HTML, CSS, JavaScript, and GSAP, and a fully functional chatbot page built with React (Vite). It uses the Gemini API for AI-powered responses.

A hybrid frontend project combining static animations with a React-powered AI chatbot experience.

---

🔥 Features

• 🎬 Animated landing page using HTML, CSS, JavaScript, and GSAP
• 💬 AI-powered chatbot using Gemini API
• ⚛️ Chatbot page built with React + Vite
• 🧠 Real-time AI interaction

---

🚀 Tech Stack

• HTML, CSS, JavaScript
• GSAP (GreenSock Animation Platform)
• React (Vite)
• Gemini API (Google)

---

🛠️ Installation & Usage

Clone the Repository:

git clone https://github.com/kaival775/ai-chat-bot.git

##🔑 Set Your Gemini API Key

Inside the CybrixAi/src/config directory , open the cybrix.js, and replace the placeholder:

const API_KEY = "YOUR_GEMINI_API_KEY";

📦 Install React Dependencies

Navigate into the React app directory:

cd CybrixAi
npm install

▶️ Run the App

Open the index.html in the root folder to view the animated landing page. Click Get Started to proceed to the chatbot page.

In the CybrixAi directory, run:

bash

npm run dev

⚠️ Important Notes

Ensure you have a valid Gemini API key from Google.

API keys should be kept secure and never exposed in public repositories.

This project is frontend-only.

Built using Vite, so make sure you have Node.js v14+ installed.