Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/real-veersandhu/socket-wave
A modern live chat application designed for seamless real-time communication.
https://github.com/real-veersandhu/socket-wave
mern-stack-development socket-io
Last synced: 4 days ago
JSON representation
A modern live chat application designed for seamless real-time communication.
- Host: GitHub
- URL: https://github.com/real-veersandhu/socket-wave
- Owner: Real-VeerSandhu
- Created: 2025-02-09T21:48:04.000Z (11 days ago)
- Default Branch: deployment
- Last Pushed: 2025-02-09T22:19:27.000Z (11 days ago)
- Last Synced: 2025-02-09T22:28:52.166Z (11 days ago)
- Topics: mern-stack-development, socket-io
- Language: JavaScript
- Homepage: https://socket-wave.onrender.com/
- Size: 0 Bytes
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Socket Wave
A modern live chat application designed for seamless real-time communication. Built with a **React** frontend and a **Node.js/Express** backend, this project leverages **Socket.IO** for real-time messaging, **MongoDB** for data storage, and **TailwindCSS** for a sleek, responsive user interface.
---
## Features
- **Real-Time Messaging**: Instant communication powered by Socket.IO.
- **User Authentication**: Secure login and registration using JWT and bcrypt.
- **File Sharing**: Supports uploading and sharing files via Cloudinary.
- **Modern UI**: Built with React, TailwindCSS, and DaisyUI for a responsive, user-friendly experience.
- **Notifications**: Real-time notifications using `react-hot-toast`.
- **State Management**: Lightweight and performant state management with Zustand.
- **API Integration**: Axios-powered communication with the backend.
---
## Tech Stack
### **Frontend**
- **React**: A JavaScript library for building user interfaces.
- **React Router DOM**: For managing routes and navigation.
- **TailwindCSS & DaisyUI**: To create a modern and responsive design.
- **Zustand**: Simplified state management.
- **Vite**: For lightning-fast builds and development.
- **Lucide Icons**: For clean and scalable SVG icons.
### **Backend**
- **Node.js**: Runtime environment for building scalable applications.
- **Express.js**: A lightweight framework for building RESTful APIs.
- **Socket.IO**: Enables real-time, bi-directional communication.
- **MongoDB**: NoSQL database for storing user and chat data.
- **Cloudinary**: Handles media uploads (e.g., profile pictures, file sharing).
- **JWT**: Secure token-based authentication.
- **CORS**: For secure cross-origin resource sharing.
---
