AI-ChatBot

An interactive AI-powered chatbot built with React. Seamless chat UI, real-time responses, and easy to extend.

Overview

AI-ChatBot enables users to speak prompts, send them to an AI API and receive responses—all in a clean, responsive UI. Ideal for learning modern frontend+API workflows or for building a full-featured assistant app.

Key Features

• voice interface with user prompt → bot response flow
• Responsive design (desktop, tablet, mobile)
• Easy API integration (just provide your API key)
• Simple codebase that you can extend to add more features

Tech Stack

• Frontend: React.js
• API / AI Integration: (e.g., OpenAI)
• Styling: CSS / Optional Tailwind
• Build Tool: Vite

Getting Started

1. Clone the repository

git clone https://github.com/aditya-uii/AI-ChatBot.git  
cd AI-ChatBot

2. Install dependencies & configure environment
npm install

Create a .env file at the root, and add:
VITE_API_KEY=your_api_key_here

3. Run the development server
npm run dev

4. Build for production
npm run build

5. Preview the production build
npm run preview

Project Structure
src/
  components/   # reusable UI parts (ChatBox, Message, Input)
  App.jsx
  main.jsx
.env
package.json
vite.config.js

Contributing Contributions are welcome! Fork the repository Create a branch: git checkout -b feature/your-feature Commit your changes: git commit -m "Add feature" Push and open a pull request

Author

Aditya Kashyap — https://github.com/aditya-uii