Skip to content

ziddi-shop/quantum-ai

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Quantum AI Chat

Quantum AI Chat is an interactive web-based chatbot powered by cutting-edge AI technology, designed to provide users with an engaging and intelligent conversation experience. This project allows users to communicate with an AI in real-time, with support for text and image-based responses.

Features

  • AI Chat: Converse with an intelligent AI model that understands and responds to a wide variety of prompts.
  • Image Support: The AI can generate and send images in response to user requests.
  • Typing Effect: Enjoy a realistic typing effect, where messages appear as if they’re being typed out in real-time.
  • Image Popup: When an image is sent, it’s displayed in a popup for a more interactive experience.
  • Responsive Layout: The interface is fully responsive, offering an optimal experience across devices, including desktop and mobile.

Installation

To run this project locally, follow these steps:

Prerequisites

  • A web browser (e.g., Chrome, Firefox)
  • (Optional) A local server or IDE to serve the HTML file

Steps to run

  1. Clone the repository:

    git clone https://github.com/ziddi-shop/quantum-ai.git
    
  2. Navigate to the project directory:

    cd quantum-ai
    
  3. Open the HTML file: Open the index.html file in your preferred web browser.

Alternatively, you can host the project on a web server or use services like GitHub Pages to deploy it online.

Usage

  1. Open the chat application in your web browser.
  2. Type a message into the text input field and press "Enter" or click the send button.
  3. The AI will respond with either text or an image, depending on the query.
  4. If an image is sent, click on it to view it in a larger format.
  5. You can toggle the image mode to request images with your input.

Technologies Used

  • HTML: Markup for the structure of the page.
  • CSS (Tailwind CSS): Styling and layout for a responsive design.
  • JavaScript: Logic for handling the chat functionality, image generation, and typing effects.
  • AI Model: Powered by the Quantum AI backend service to generate responses.

Contributing

We welcome contributions to enhance the capabilities of this AI-powered chat system. If you'd like to contribute, please follow these steps:

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

License

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

Contact

For any inquiries or feedback, please contact us at: