{"id":23275589,"url":"https://github.com/khushal-me/chatconnect","last_synced_at":"2026-02-01T03:01:15.271Z","repository":{"id":248437782,"uuid":"828672473","full_name":"Khushal-Me/ChatConnect","owner":"Khushal-Me","description":"Real Time Chatting website using Node.js.","archived":false,"fork":false,"pushed_at":"2026-01-13T00:03:39.000Z","size":3619,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-13T04:10:16.305Z","etag":null,"topics":["chat-application","css","html","socket-io"],"latest_commit_sha":null,"homepage":"https://chat-connect-project.glitch.me/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Khushal-Me.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-07-14T21:15:54.000Z","updated_at":"2026-01-13T00:03:36.000Z","dependencies_parsed_at":"2024-11-29T01:22:15.277Z","dependency_job_id":"6540744f-353e-4486-919c-7586949a0dae","html_url":"https://github.com/Khushal-Me/ChatConnect","commit_stats":null,"previous_names":["khushal-me/chatconnect"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Khushal-Me/ChatConnect","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khushal-Me%2FChatConnect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khushal-Me%2FChatConnect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khushal-Me%2FChatConnect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khushal-Me%2FChatConnect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Khushal-Me","download_url":"https://codeload.github.com/Khushal-Me/ChatConnect/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Khushal-Me%2FChatConnect/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28965436,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-01T02:14:24.993Z","status":"ssl_error","status_checked_at":"2026-02-01T02:13:55.706Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chat-application","css","html","socket-io"],"created_at":"2024-12-19T21:15:03.942Z","updated_at":"2026-02-01T03:01:15.252Z","avatar_url":"https://github.com/Khushal-Me.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ChatConnect Pro\n\n\u003cdiv align=\"center\"\u003e\n\n![ChatConnect Pro](https://img.shields.io/badge/ChatConnect-Pro-blue?style=for-the-badge\u0026logo=chat\u0026logoColor=white)\n![Version](https://img.shields.io/badge/version-3.0.0-green?style=for-the-badge)\n![License](https://img.shields.io/badge/license-MIT-orange?style=for-the-badge)\n![Node.js](https://img.shields.io/badge/Node.js-16+-success?style=for-the-badge\u0026logo=node.js)\n\n**A Modern Real-Time Chat Application**\n\n*Experience seamless real-time communication with beautiful glassmorphism design and powerful features.*\n\n[Live Demo](https://chat-connect-project.glitch.me/) • [Documentation](#features) • [Report Bug](https://github.com/Khushal-Me/ChatConnect/issues)\n\n\u003c/div\u003e\n\n---\n\n## What's NEW in v3.0 - Real-Time Chat Experience\n\n- **MODERN GLASSMORPHISM UI** - Beautiful modern design with backdrop blur effects  \n- **REAL-TIME MESSAGING** - Instant message delivery with Socket.io  \n- **INTERACTIVE PARTICLES** - Mouse-responsive particle background system  \n- **TYPING INDICATORS** - See when others are typing in real-time  \n- **SMART NOTIFICATIONS** - Desktop notifications and visual alerts  \n- **RESPONSIVE DESIGN** - Perfect experience on all devices  \n- **ENHANCED INPUT** - Auto-resize textarea with character counter  \n- **CLEAR CHAT** - Easy chat management with clear functionality  \n- **SECURE MESSAGING** - XSS protection and input validation  \n- **USER PRESENCE** - Live user tracking and room statistics\n\n## Features That Actually Work\n\n### **Real-Time Communication**\n- Instant message delivery with Socket.io\n- Real-time typing indicators showing who's typing\n- Desktop notifications with sound alerts\n- Live user presence and activity tracking\n- Connection status monitoring with auto-reconnect\n\n### **Modern UI Design**\n- Stunning glassmorphism design with backdrop blur\n- Dynamic gradient backgrounds\n- Interactive particle systems that respond to mouse movement\n- Smooth animations and micro-interactions\n- Fully responsive design for all devices\n- Modern color palette with CSS custom properties\n\n### **Enhanced Messaging**\n- Character counter with visual feedback (500 char limit)\n- Auto-resize textarea for better UX\n- XSS protection with HTML sanitization\n- Duplicate message prevention\n- Input validation and rate limiting\n- Message timestamps with user avatars\n\n### **Chat Management**\n- Clear chat functionality\n- Scroll to bottom with smart detection\n- Real-time user list updates\n- Room statistics and user counts\n- Auto-scroll on new messages\n- Message state management\n\n### **Smart Notifications**\n- Desktop notifications with custom messages\n- Visual notification system with animations\n- Browser tab title updates\n- In-app notification badges\n- Notification permission handling\n\n### **Security \u0026 Performance**\n- XSS protection with HTML sanitization\n- Input validation and sanitization\n- Rate limiting and spam prevention\n- Memory leak prevention\n- Connection error handling and recovery\n- Automatic reconnection with status updates\n\n## Getting Started - Quick Setup\n\n### Prerequisites\n- Node.js 16.0 or higher\n- npm 8.0 or higher\n- Modern browser (Chrome, Firefox, Safari, Edge)\n\n### Installation - 3 Easy Steps\n\n1. **Clone the Repository**\n   ```bash\n   git clone https://github.com/Khushal-Me/ChatConnect.git\n   cd ChatConnect\n   ```\n\n2. **Install Dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Launch the Application**\n   ```bash\n   npm start\n   ```\n\n4. **Open Your Browser**\n   ```\n   http://localhost:3000\n   ```\n\n## Technology Stack - Built with Modern Web Technologies\n\n### Backend Foundation\n- **Node.js** - Runtime environment\n- **Express.js** - Web framework\n- **Socket.io** - Real-time bidirectional communication\n- **Moment.js** - Date/time manipulation\n\n### Frontend Technologies\n- **Vanilla JavaScript ES6+** - Core functionality\n- **CSS3** - Glassmorphism design and animations\n- **HTML5** - Semantic markup\n- **Particles.js** - Interactive particle background system\n- **Web APIs** - Notifications and browser features\n\n### UI \u0026 Design\n- **Font Awesome 6** - Icon library\n- **Bootstrap Icons** - Additional icon set\n- **Google Fonts** - Typography (Inter, JetBrains Mono)\n- **CSS Custom Properties** - Dynamic theming\n- **CSS Animations** - Smooth transitions and effects\n\n### Development Tools\n- **Nodemon** - Development server with auto-restart\n- **ESLint** - Code quality (configured)\n- **Prettier** - Code formatting (configured)\n- **Git** - Version control\n\n## Project Structure - Clean and Organized\n\n```\nChatConnect/\n├── public/                       # Client-side files\n│   ├── css/\n│   │   └── style.css             # Glassmorphism styles and themes\n│   ├── js/\n│   │   ├── script.js             # Core chat functionality\n│   │   ├── chat-enhancements.js # Enhanced chat features\n│   │   ├── chat-enhancements-simple.js # Fallback enhancements\n│   │   ├── landing.js            # Landing page interactions\n│   │   └── particle-system.js   # Interactive particle effects\n│   ├── img/\n│   │   └── Chatappicon.png       # App icon\n│   ├── sound/\n│   │   └── notification-sound.mp3 # Audio alerts\n│   ├── index.html                # Landing page\n│   ├── chat.html                 # Main chat interface\n│   └── about.html                # About page\n├── utils/                        # Server utilities\n│   ├── messages.js               # Message formatting\n│   └── users.js                  # User management with statistics\n├── server.js                     # Express server with Socket.io\n├── package.json                  # Dependencies and scripts\n├── LICENSE                       # MIT License\n└── README.md                     # This file\n```\n\n## How to Use\n\n### Joining a Chat Room\n1. **Enter Username** - Choose a unique username (2-20 characters)\n2. **Select Room** - Pick from available themed rooms or join a custom one\n3. **Start Chatting** - Begin messaging immediately with real-time delivery\n\n### Chat Features\n- **Type Messages** - Use the input area with auto-resize functionality\n- **See Typing** - Watch real-time typing indicators from other users\n- **Clear Chat** - Use the clear button to remove all messages\n- **Scroll Control** - Auto-scroll or use the scroll-to-bottom button\n\n### Notifications\n- **Desktop Alerts** - Get notified when receiving messages (with permission)\n- **Visual Indicators** - See connection status and user count updates\n- **Sound Alerts** - Audio notifications for new messages\n\n## Contributing\n\nWe welcome contributions! Here's how you can help:\n\n1. **Fork the repository**\n2. **Create a feature branch** (`git checkout -b feature/AmazingFeature`)\n3. **Commit your changes** (`git commit -m 'Add some AmazingFeature'`)\n4. **Push to the branch** (`git push origin feature/AmazingFeature`)\n5. **Open a Pull Request**\n\n## Available Scripts\n\n```bash\nnpm start        # Start the production server\nnpm run dev      # Start development server with auto-restart\nnpm run lint     # Run ESLint for code quality\nnpm run format   # Format code with Prettier\nnpm run clean    # Clean install dependencies\n```\n\n## Browser Support\n\n- Chrome 80+\n- Firefox 75+\n- Safari 13+\n- Edge 80+\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Author\n\n**Khushal Mehta**\n- GitHub: [@Khushal-Me](https://github.com/Khushal-Me)\n\n## Acknowledgments\n\n- Socket.io team for real-time communication\n- Particles.js for beautiful particle effects\n- Font Awesome for amazing icons\n- The open-source community for inspiration and support\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**Star this repo if you find it helpful!**\n\nMade with love by [Khushal Mehta](https://github.com/Khushal-Me)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhushal-me%2Fchatconnect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhushal-me%2Fchatconnect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhushal-me%2Fchatconnect/lists"}