AI Chat Application

---

A modern web application that provides access to multiple AI models through Puter.js without requiring API keys

---

🌟 Features

Multiple AI Models Access Google Gemini, OpenAI GPT-4o, Claude, and DeepSeek models	Image Analysis Upload images for analysis with GPT-4o Vision	Image Generation Create images from text descriptions with DALL-E 3	Progressive Web App Install as a standalone app on mobile or desktop
Offline Support Basic functionality works offline	Dark Mode Toggle between light and dark themes	Speed Mode Optimize for faster responses	Thinking Mode Get more detailed, step-by-step reasoning
Chat History Save and revisit previous conversations	Keyboard Shortcuts Efficiently navigate and use the app	Responsive Design Works on mobile, tablet, and desktop devices	Secure No API keys required

---

🛠️ Technologies Used

HTML5	CSS3	JavaScript	Tailwind CSS
Font Awesome	Service Worker	Puter.js	Progressive Web App

---

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, or Edge)
• Basic knowledge of web development (optional)

Installation

1. Clone the repository

   git clone https://github.com/Xenonesis/ChatHub.git
   cd ChatHub

2. Serve the files using a local web server

   # Using Python
   python -m http.server 8000
   
   # Using Node.js
   npx http-server
   
   # Using PHP
   php -S localhost:8000

3. Open in your browser Navigate to http://localhost:8000 (or the port you're using)

4. Allow popups when prompted

   • This is required for Puter.js authentication
   • Make sure to allow popups for this site

First Run

Your AI chat application is ready to use!

---

⌨️ Keyboard Shortcuts

Shortcut	Action	Platform
Ctrl/Cmd + Enter	Send message	Alltd>
Ctrl/Cmd + N	New chat	All
Ctrl/Cmd + H	Toggle history panel	All
Ctrl/Cmd + S	Stop generation	All
Ctrl/Cmd + /	Show keyboard shortcuts	All
Esc	Close panels/dialogs	All

---

📱 Screenshots

Dark Mode

Light Mode

Mobile View

---

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📄 License

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

Free to use, modify, and distribute

---

🙏 Acknowledgments

• Puter.js for providing the AI model access infrastructure
• Tailwind CSS for the utility-first CSS framework
• Font Awesome for the beautiful icons
• All the AI model providers for their amazing models

---

Made with ❤️ by Xenonesis

Star this project if you find it useful!