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

https://github.com/ruveydayilmaz/realtime-chat-app

real time chat app with user online-offline and typing status (This project is my playground. I'm testing new methods, refactoring old codes etc)
https://github.com/ruveydayilmaz/realtime-chat-app

nodejs react socket-io

Last synced: about 1 year ago
JSON representation

real time chat app with user online-offline and typing status (This project is my playground. I'm testing new methods, refactoring old codes etc)

Awesome Lists containing this project

README

          

# Real-time Chat
A real-time chat application that allows users to send messages, and images instantly. It provides various features such as online-offline status, sent-seen-delivered status indicators, typing status, and more.

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

![947shots_so](https://github.com/ruveydayilmaz/realtime-chat-app/assets/74985368/a945d0b0-edce-4672-bc50-67d8ff41b2a4)


## Features
- Real-time messaging
- Send images
- Online-offline status
- Sent, seen, delivered status
- Typing status
- Emoji preview (wip)
- Sending image preview (wip)
- Voice call (wip)
- Video call (wip)

## Run Locally
Clone the project

~~~bash
git clone https://github.com/ruveydayilmaz/realtime-chat-app.git
~~~

Go to the server directory

~~~bash
cd realtime-chat-app/server
~~~

Install dependencies

~~~bash
npm install
~~~

Start the server

~~~bash
npm start
~~~

Open another terminal and go to the client directory

~~~bash
cd realtime-chat-app/client
~~~

Install dependencies

~~~bash
npm install
~~~

Start the client

~~~bash
npm start
~~~

## Tech Stack
**Client:** Javascript, React

**Server:** Node, Express, MongoDB