Level-2-Task-1-chatbot

💬 A stylish rule-based chatbot with animated video background, voice output, dark mode toggle, and glowing UI built using HTML, CSS, and JavaScript.

💬 Rule-Based Chatbot Project

This is a simple and interactive chatbot created as part of my internship project. The chatbot uses predefined rules to respond to user queries and includes some cool features to enhance the user experience.

✨ Features

• 🎥 Video background to give a modern and engaging look
• 💬 Rule-based chatbot logic using JavaScript if-else conditions
• 🔊 Speak feature using Text-to-Speech (Web Speech API)
• 🌙 Dark mode toggle for better accessibility
• 💡 Stylish glowing borders and responsive design
• 🖥️ Beginner-friendly and easy to understand

🛠️ Technologies Used

• HTML – Structure of the chatbot
• CSS – Styling with animations and glow effects
• JavaScript – Chatbot logic and voice support
• Web Speech API – For text-to-speech feature

🚀 How to Run the Project

1. Clone or download the repository
2. Make sure you have a file named background.mp4 in the same folder
3. Open index.html in your browser
4. Type a message and click Send
5. Click the 🔊 Speak button to hear the bot's reply

📚 What I Learned

• Basics of how chatbots work
• DOM manipulation using JavaScript
• How to use Text-to-Speech in websites
• Improving UI using animations and video backgrounds
• How to upload and maintain a GitHub repository

#cognifyz #internship #web development