A beautiful, responsive AI chatbot built with React, TypeScript, and Tailwind CSS. Features a modern glassmorphism design with smooth animations and dark/light mode support.

• 🎨 Stunning UI/UX - Modern glassmorphism design with smooth animations
• 🌓 Dark/Light Mode - Seamless theme switching
• 📱 Responsive Design - Works perfectly on all devices
• ⚡ Fast Performance - Built with Vite for lightning-fast development
• 🎭 Smooth Animations - Powered by Framer Motion
• 💬 Real-time Chat - Smooth conversation flow with typing indicators
• 🔒 Type Safe - Built with TypeScript for better development experience
• 🎯 Accessible - WCAG compliant design

• Node.js 18+
• npm or yarn

1. Clone the repository

   git clone https://github.com/your-username/stunning-ai-chatbot.git
   cd stunning-ai-chatbot

2. Install dependencies

   npm install
   # or
   yarn install

3. Start development server

   npm run dev
   # or
   yarn dev

4. Open your browser Navigate to http://localhost:3000

The chatbot currently uses a mock AI service. To integrate with a real AI service like OpenAI:

1. Create a .env file in the root directory:

   VITE_OPENAI_API_KEY=your_openai_api_key_here

2. Update the AI service in src/services/ai.ts to use the actual OpenAI API (commented code is provided)

3. Install OpenAI SDK (if not already installed):

   npm install openai

• Colors: Modify the color palette in tailwind.config.js
• Animations: Customize animations in src/index.css
• Components: All components are in src/components/

npm run build
# or
yarn build

The build files will be in the dist/ directory.

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Deploy with one click!

1. Push your code to GitHub
2. Connect your repository to Netlify
3. Set build command: npm run build
4. Set publish directory: dist

1. Install gh-pages:

   npm install --save-dev gh-pages

2. Add to package.json scripts:

   "deploy": "gh-pages -d dist"

3. Build and deploy:

   npm run build
   npm run deploy

For production deployment, set these environment variables:

• VITE_OPENAI_API_KEY - Your OpenAI API key (optional, for real AI integration)

1. Fork the repository
2. Create a feature branch: git checkout -b feature-name
3. Commit your changes: git commit -am 'Add feature'
4. Push to the branch: git push origin feature-name
5. Submit a pull request

This project is licensed under the MIT License - see the LICENSE file for details.

• React - UI library
• TypeScript - Type safety
• Tailwind CSS - Styling
• Framer Motion - Animations
• Lucide React - Icons
• Vite - Build tool

If you have any questions or need help, please open an issue or contact [email protected].

Made with ❤️ by [Your Name]