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

https://github.com/amritmaurya1504/chit_chat

ChitChat is a A Complete one to one and group Real-Time chatting application. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.
https://github.com/amritmaurya1504/chit_chat

expressjs mongodb nodejs reactjs socket-io

Last synced: 10 months ago
JSON representation

ChitChat is a A Complete one to one and group Real-Time chatting application. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

Awesome Lists containing this project

README

          

# ChitChat Application

ChitChat is a A Complete one to one and group Real-Time chatting application. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

## Tech Stack Used.

**Client:** React JS

**Server:** Node JS, Express JS, Socket.io

**Database:** Mongo DB

## Demo

[![Website](https://img.shields.io/website?label=Video-DEMO-YT&style=for-the-badge&url=https://youtu.be/m9yUiGvFrTU?si=ZzKiTNY4y3RMHhAe)](https://youtu.be/m9yUiGvFrTU?si=ZzKiTNY4y3RMHhAe)

[![Website](https://img.shields.io/website?label=Chit-Chat-Live&style=for-the-badge&url=https://chit-chat-app.vercel.app/login)](https://chit-chat-app.vercel.app/login)

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135207/1_gfnev8.png)

## Run Locally

Clone the project

```bash
git clone https://github.com/amritmaurya1504/Chit_Chat.git
```

Go to the project directory

```bash
cd Chit_Chat
```

Install dependencies

```bash
npm install
```

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

Start the server

```bash
npm start
```
Start the Client

```bash
//open now terminal
cd frontend
npm start
```

# Features

**Authentication**

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135207/1_gfnev8.png)
![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135213/2_gsnv1n.png)

**Real Time Chatting with Typing indicators**

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135443/8_lyhbpl.png)

**One to One chat**

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135219/3_mgabkf.png)

**Search Users**

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135226/5_hrx2nl.png)

**Create Group Chats**

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135233/6_lnqhak.png)

**Notifications**

![Test Image 5](https://res.cloudinary.com/amritrajmaurya/image/upload/v1648135443/8_lyhbpl.png)

## Made By

- [@amritmaurya1504](https://github.com/amritmaurya1504)