https://github.com/galib-23/whisperlink
Whisperlink is a real-time full stack chat application made with MERN stack and socket.io library
https://github.com/galib-23/whisperlink
Last synced: 3 months ago
JSON representation
Whisperlink is a real-time full stack chat application made with MERN stack and socket.io library
- Host: GitHub
- URL: https://github.com/galib-23/whisperlink
- Owner: Galib-23
- Created: 2024-07-31T18:00:52.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T19:54:43.000Z (10 months ago)
- Last Synced: 2025-01-11T05:25:31.090Z (5 months ago)
- Language: JavaScript
- Size: 1.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WhisperLink
WhisperLink is a modern, real-time chat application designed to facilitate seamless and instant communication. With a range of features to enhance user experience, WhisperLink provides a smooth and efficient platform for chatting.
## Features
### 1. Real-Time Chat
- Engage in instant conversations with friends and colleagues.
- Messages are delivered and displayed in real-time using Socket.io.
### 2. Chat Notifications
- Receive notifications for new messages, ensuring you never miss an important conversation.
- Customizable notification settings to suit your preferences.
### 3. Auto-Generated Avatars
- Each user is automatically assigned a unique avatar.
- Avatars help to personalize the chat experience and make it visually appealing.
### 4. Smooth Message Animations
- Enjoy a visually smooth chatting experience with beautifully animated message transitions.
- Animations are designed to be fast and responsive, enhancing the overall user experience.
## Technologies Used
### Backend
- **MongoDB**: NoSQL database for storing user and message data.
- **Mongoose**: Object-Relational Mapping (ORM) for MongoDB, providing a schema-based solution to model your application data.
### Frontend
- **React**: JavaScript library for building user interfaces.
- **Tailwind CSS**: Utility-first CSS framework for rapidly building custom designs.
- **DaisyUI**: UI component library for Tailwind CSS.
- **React Router DOM**: Declarative routing for React applications.
- **Zustand and Context API**: State management solutions for React applications.
### Real-Time Communication
- **Socket.io**: Library for real-time, bidirectional, and event-based communication.
## Getting Started
### Prerequisites
- Node.js
- MongoDB
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/whisperlink.git
cd whisperlink
```
2. Install the backend dependencies:
```bash
npm install
```
3. Install the fronend dependencies:
```bash
cd frontend
npm install
```
4. Start backend server:
```bash
cd ..
npm run server
```
5. Run the frontend server:
```bash
cd frontend
npm run dev
```
Enjoy!