Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/piyush-eon/mern-chat-app


https://github.com/piyush-eon/mern-chat-app

Last synced: 6 days ago
JSON representation

Awesome Lists containing this project

README

        

# Talk-A-Tive

Talk-a-tive 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

## Demo

[https://talk-a-tive.herokuapp.com/](https://talk-a-tive-7fgq.onrender.com)

![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/group%20%2B%20notif.PNG)
## Run Locally

Clone the project

```bash
git clone https://github.com/piyush-eon/mern-chat-app
```

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
//open now terminal
cd frontend
npm start
```


# Features

### Authenticaton
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/login.PNG)
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/signup.PNG)
### Real Time Chatting with Typing indicators
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/real-time.PNG)
### One to One chat
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/mainscreen.PNG)
### Search Users
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/search.PNG)
### Create Group Chats
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/new%20grp.PNG)
### Notifications
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/group%20%2B%20notif.PNG)
### Add or Remove users from group
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/add%20rem.PNG)
### View Other user Profile
![](https://github.com/piyush-eon/mern-chat-app/blob/master/screenshots/profile.PNG)
## Made By

- [@Piyush-eon](https://github.com/piyush-eon)