An open API service indexing awesome lists of open source software.

https://github.com/0-mayurkaretha/socketchat


https://github.com/0-mayurkaretha/socketchat

mern socket-io

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

          

# SocketChat

SocketChat is a Full Stack Chatting App.
Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

## Tech Stack

**Client:** React JS

**Server:** Node JS, Express JS

**Database:** Mongo DB

**Websocket:** Socket io

## Demo

https://socketchat-y5pd.onrender.com

## Run Locally

Clone the project

```bash
git clone https://github.com/0-mayurkaretha/SocketChat.git
```

Go to the project directory

```bash
cd mern-chat-app
```

Install dependencies

```bash
npm install
```

```bash
cd frontend/
npm install
```

Start the server

```bash
npm run start
```

Start the Client

```bash
cd frontend
npm start
```

# Features

### Authenticaton

![image](https://github.com/0-mayurkaretha/SocketChat/assets/103996000/656c3d4f-dc0d-4832-abcb-74385f8a620e)

### One to One chat

![image](https://github.com/0-mayurkaretha/SocketChat/assets/103996000/ae9dee4b-d9f1-43f5-bc64-3b0c52fc0e28)

### Search Users

![image](https://github.com/0-mayurkaretha/SocketChat/assets/103996000/b520c01f-ae78-40bf-b027-b653ae5ade52)

### Create Group Chats

![image](https://github.com/0-mayurkaretha/SocketChat/assets/103996000/77f7e66b-e080-4539-bd72-d48bd41eb41a)

### Notifications

![image](https://github.com/0-mayurkaretha/SocketChat/assets/103996000/17ab4688-74db-44d4-849c-8deb94ed5c4d)

### Add or Remove users from group

![image](https://github.com/0-mayurkaretha/SocketChat/assets/103996000/f5a1011e-495f-44ec-a86e-cdcb5cab483b)