WhatsApp Monitoring

A modern WhatsApp Web clone built with React and Socket.IO that provides real-time chat functionality and monitoring capabilities.

Features

• 🚀 Modern dashboard with real-time statistics
• 💬 Real-time chat interface similar to WhatsApp Web
• 🔐 QR code login system
• 🌓 Dark/Light mode support
• 👥 User management system
• 📱 Device management and monitoring
• 🔍 Contact/chat search functionality
• 📊 Message status tracking (sent, delivered, read)
• 😊 Emoji picker support
• 📎 File attachment capability
• 🔔 Real-time notifications
• 📱 Responsive design for all devices

Tech Stack

• Frontend:

  • React.js 18
  • TailwindCSS
  • Socket.IO Client
  • Lucide React Icons
  • Date-fns
  • Zustand
  • QRCode React

• Features:

  • Real-time WebSocket communication
  • Message status tracking
  • Emoji picker integration
  • File attachments
  • Search functionality
  • Theme switching
  • Responsive design

Getting Started

1. Clone the repository:

   git clone https://github.com/zdgdev/whatsapp-monitoring.git
   cd whatsapp-monitoring

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173 in your browser

Project Structure

src/
├── components/        # Reusable UI components
├── context/          # React context providers
├── pages/            # Application pages/routes
├── services/         # API and socket services
├── types/            # TypeScript type definitions
└── utils/            # Utility functions

Contributing

1. Fork the repository
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.

Contact

Zero Platform - @zdgdev