Chatbot Interface

This project is a web-based chatbot interface with a dark/light mode toggle, responsive design, and various interactive features like sending messages, uploading files, and managing conversation history.

Features

• Responsive Design: Adapts to different screen sizes, including mobile devices.
• Dark/Light Mode: Toggle between dark and light themes.
• Message Interaction: Send and receive messages with a simulated typing indicator.
• File Upload Simulation: Mimic file uploads in the chat.
• Conversation History: Load and display previous conversations.
• New Chat Button: Start a new chat session quickly.
• Sidebar Toggle: Expand or collapse the sidebar for better viewing.

Demo

You can view a live demo of the project here.

Installation

1. Clone the repository:

   git clone https://github.com/DualsFWShield/ChatGPT-clone.git

2. Navigate to the project directory:

   cd ChatGPT-clone

3. Open index.html: You can simply open the index.html file in your browser to view the project.

Usage

• Sending Messages: Type your message in the input field and click the send button or press Enter.
• Uploading Files: Click the file upload button to simulate a file upload.
• Toggle Dark/Light Mode: Use the button in the sidebar to switch between dark and light modes.
• Start a New Chat: Click the "New Chat" button to clear the current conversation and start fresh.
• Toggle Sidebar: Collapse or expand the sidebar for more space.

Technologies Used

• HTML5: Structure and layout of the web interface.
• CSS3: Styling, including responsive design and theming.
• JavaScript: Client-side scripting for interaction and dynamic behavior.

Project Structure

• index.html: Main HTML file containing the structure of the chatbot interface.
• styles.css: CSS file for styling the interface.
• script.js: JavaScript file handling the interactivity.

Contributing

Contributions are welcome! Please follow these steps:

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

License

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