Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sheikhfarid99/create-real-time-chat-application

Real time chat application like facebook messenger
https://github.com/sheikhfarid99/create-real-time-chat-application

express jwt mongodb nodejs react redux sass socket

Last synced: about 7 hours ago
JSON representation

Real time chat application like facebook messenger

Awesome Lists containing this project

README

        

# Real time chat application like facebook messenger

# Application feature

- Real time Text Messaging
- Real time image Messaging
- Real time emoji Messaging
- Real time message seen, unseen system
- Real time message received and sending sound
- Real time received message notification system
- User search system
- User login and register system
- Application dark and light mode system

![CHOOSE!](messenger.jpg)

# Following tools are used to develop the application

## Frontend Tools

- React Js
- Redux
- socket.io-client
- Sass

## Backend Tools

- Programming languages : JavaScript
- Node Js
- Frameworks : Express Js
- Databases : MongoDB
- Socket.io
## How to run this project
### Download NodeJs , mongoDB community server , mongoDB compass and install

### 1 . [NodeJS download](https://nodejs.org/en/download)
### 2 . [MongoDB community server download](https://www.mongodb.com/try/download/community)
### 3 . [MongoDB compass download](https://www.mongodb.com/try/download/shell)

Git clone https://github.com/SheikhFarid99/Create-Real-Time-Chat-Application.git

## Backend install

### Run this command in root folder
npm install --legacy-peer-deps

## Frontend install

### Run this command in frontend folder
npm install --legacy-peer-deps
npm audit fix --force

## Socket install

### Run this command in root folder
npm run socket-install

## Run project

### Run this command in root folder
npm run dev

## if application doesn't run
## 1. again run this command in frontend folder
npm audit fix --force

## Again Run project

### Run this command in root folder
npm run dev

### How to make this application visit [Learn with Project](https://www.youtube.com/playlist?list=PLTyDDs5BP9JTf_f6zCjSS96CUA9vxXfIY)