Chat Assistant

A simple web-based chat assistant built with HTML, CSS, and JavaScript. This application allows users to interact with an AI assistant, send messages, and receive responses in real-time. The assistant can handle both text and image generation requests through a backend API.

Features

• User Interface:

  • A clean and modern design using Material Design principles.
  • Responsive layout that adjusts to different screen sizes.
  • Dark and light mode styling for better user experience.

• Chat Functionality:

  • Users can type messages in an input field and send them using the "Send" button.
  • Messages from the user and the assistant are visually differentiated with distinct styles.
  • The chatbox scrolls automatically to show the latest messages.

• Typing Indicator:

  • A visual typing indicator appears when the assistant is generating a response, simulating a real-time chat experience.

• API Integration:

  • The application sends user messages to a backend API for processing.
  • Supports text and image generation requests based on user input.

Technologies Used

• HTML5: Markup language for structuring the application.
• CSS3: Styling the application for a modern look and feel.
• JavaScript: Adding interactivity and handling API requests.
• Font Awesome: Icons for the user interface.
• Material Design Lite: A CSS framework for consistent styling.

Getting Started

To run this application locally, follow these steps:

1. Help & Business (Telegram): https://t.me/You_B_Tech_Coding
2. Help & Business (Instagram): https://instagram.com/you_b_tech

Follow & Chat with us:

• Telegram Channel → https://t.me/You_B_Tech
• YouTube → https://youtube.com/@You_B_Tech
• Instagram → https://instagram.com/you_b_tech
• Wedsite → https://youbtech.xyz