DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A Full Stack Chatting App using Socket.io

Talk-A-Tive

A Full Stack Chatting App using Socket.io

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/

A Full Stack Chatting App using Socket.io

Run Locally

Clone the project

  git clone https://github.com/piyush-eon/mern-chat-app
Enter fullscreen mode Exit fullscreen mode

Go to the project directory

  cd mern-chat-app
Enter fullscreen mode Exit fullscreen mode

Install dependencies

  npm install

  cd frontend/
  npm install
Enter fullscreen mode Exit fullscreen mode

Start the server

  npm run start
Enter fullscreen mode Exit fullscreen mode

Start the Client

  //open now terminal
  cd frontend
  npm start
Enter fullscreen mode Exit fullscreen mode

Features

Authenticaton

A Full Stack Chatting App using Socket.io A Full Stack Chatting App using Socket.io

Real Time Chatting with Typing indicators

A Full Stack Chatting App using Socket.io

One to One chat

A Full Stack Chatting App using Socket.io

Search Users

A Full Stack Chatting App using Socket.io

Create Group Chats

A Full Stack Chatting App using Socket.io

Notifications

A Full Stack Chatting App using Socket.io

Add or Remove users from group

A Full Stack Chatting App using Socket.io

View Other user Profile

A Full Stack Chatting App using Socket.io

Made By

GitHub

View Github

Top comments (0)