🤖 Rule-Based Chatbot with UI

🚀 A fast, interactive, and modern chatbot UI built with React 18, TypeScript, and Vite, featuring Tailwind CSS animations, Glassmorphism UI, and a seamless user experience.

📸Chatbot UI

🌟 Features

✅ Lightning-Fast Performance – Powered by Vite ⚡

✅ Modern UI – Glassmorphism design, custom animations, smooth transitions ✨

✅ Responsive & Accessible – Works on mobile and desktop 📱

✅ Engaging Chat Experience – Hover effects, emojis, GIF support, and voice input 🎙️ (Currently In development)

✅ Dark & Light Mode – User-friendly theme toggle 🌙☀️

✅ Persistent Chat History – Retains previous messages for seamless experience 💬

✅ WhatsApp Integration – Send messages directly from the chatbot 📲 (Currently in development)

🛠️ Tech Stack

• Frontend: React 18 (TypeScript) + Vite ⚡
• Styling: Tailwind CSS + PostCSS + Autoprefixer 🎨
• Development Tools: ESLint + TypeScript Compiler 🛠️
• Icons: Lucide React 🖼️
• Deployment: GitHub Pages / Vercel 🌍

🚀 Live Demo

🔗 Try Leo Chatbot Here!!

🎥 Live Demo Video

📺 Watch Here!

📦 Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/Sanjay1712KSK/Rule-Based-Chatbot-with-UI.git
cd Rule-Based-Chatbot-with-UI

2️⃣ Install dependencies

npm install

3️⃣ Run the development server

npm run dev

Your chatbot will be live at http://localhost:5173/

🚀 Deployment

GitHub Pages Deployment

1️⃣ Build the project

npm run build

2️⃣ Deploy to GitHub Pages

npm run deploy

3️⃣ Enable GitHub Pages in your repository settings. Your chatbot will be live at:

https://Sanjay1712KSK.github.io/Rule-Based-Chatbot-with-UI/

🤝 Contributing

Contributions are welcome! If you’d like to contribute:

1️⃣ Fork the repository 🍴
2️⃣ Create a new branch

git checkout -b feature-branch

3️⃣ Commit your changes

git commit -m "Added new feature

4️⃣ Push to the branch

git push origin feature-branch

5️⃣ Open a Pull Request 🚀

🔥 Star ⭐ this repo if you found it useful!

📌 How to Add This to Your GitHub Repo?

1️⃣ Create a README.md file in your project folder

git add README.md

2️⃣ Copy and paste the above content

git commit -m "Added README file"

3️⃣ Commit and push to GitHub

git push origin main

📄 License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

By using or modifying this software, you must comply with the terms of the GPL-3.0 license. This means:

• You are free to use, modify, and distribute this software.
• Any modifications must also be open-source and distributed under the same license.
• This software cannot be used in proprietary projects without following GPL-3.0 rules.

📜 Full License Text: GNU GPL v3.0

📩 Contact

For any issues or suggestions, feel free to contact me via:

📧 Email: [email protected]

🐙 GitHub: Sanjay1712KSK

🔗 LinkedIn: Sanjay Kumar KSK