This is a simple chatbot application that allows users to interact with a bot in a clean and minimalistic UI. The application supports light and dark themes, enabling users to switch between modes for a better user experience. The chatbot is powered by the g4f package, which provides advanced AI capabilities for generating responses.
- Responsive Design: The chat interface adjusts to different screen sizes, ensuring usability on both desktop and mobile devices.
- Theme Toggle: Users can switch between light and dark themes with a simple button click.
- User-Friendly Interface: The chat messages are clearly displayed, with distinct styles for user and bot messages.
- Input Handling: Users can send messages by clicking the send button or pressing the Enter key.
- HTML: For the structure of the application.
- CSS (Tailwind CSS): For styling the chat interface and responsive design.
- JavaScript: For functionality, including message sending and theme toggling.
- Font Awesome: For icons in the UI.
- g4f Package: For integrating AI capabilities into the chatbot.
- Clone the repository:
git clone https://github.com/awmie/GenZChat.git
- Navigate to the project directory:
cd <project-directory>
- Open
index.htmlin a web browser.
- Type a message in the input box.
- Click the "Send" button or press Enter to send your message.
- Toggle the dark mode by clicking the moon/sun icon next to the chat title.
- Implement a backend service to handle more complex conversations.
- Add a more advanced AI chatbot using machine learning.
- Include additional themes and customization options for users.
- Integrate user authentication for personalized experiences.
Contributions are welcome! If you have suggestions or improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
Feel free to further customize it based on your project specifics!