Cloud AI - Chatbot UI

This project is part of my CodeAlpha Internship (Task 3). It is a fully responsive and interactive Chatbot web interface designed with a modern aesthetic, focusing on user experience and functionality.

---

🚀 Features

• 🌐 Stylish, animated, and mobile-responsive design
• 🗂️ Sidebar navigation with:
  • Home
  • Chat
  • Settings
  • Logout
• 🔊 Voice input support
• 📁 File upload option in chat
• 🏃 Real-time typing indicator
• 💾 Chat download feature (as .txt file)
• 📋 Copy chat to clipboard
• 🔄 Start new chat functionality
• 🛠️ Dynamic color customization for user and bot messages
• 🌌 Background video and background music integration

---

📢 Screenshots

Home page: login page: Index page:

---

📚 Technologies Used

• HTML5
• CSS3 (with responsive design techniques)
• JavaScript (DOM manipulation, fetch API)

---

🔄 Setup Instructions

1. Clone the repository:

   git clone https://github.com/amnatariq290/code-alpha_cloud-chatbot.git

2. Place your background.mp4, bg-music.mp3, logo.png, and other icons inside the /static folder.

3. Run with your preferred method:

   • Open the welcome.html or login.html directly in your browser for front-end preview.
   • For Flask integration, connect the templates and static files accordingly.

4. Start chatting! 😃

---

👨‍💻 Author

Amna Tariq
CodeAlpha Internship (Task 3)

---

📢 Acknowledgements

• CodeAlpha for providing the internship opportunity
• Freepik for design inspirations
• Web resources and open-source libraries

---

🔧 Future Improvements

• Backend integration for real chatbot logic
• User authentication system
• Enhanced mobile UI adjustments
• Dark/Light theme toggle improvements

---