https://github.com/sharadbhat/chatter

A real time messaging proof of concept using SocketIO.
https://github.com/sharadbhat/chatter

nodejs react realtime-messaging socket-io

Last synced: about 2 months ago
JSON representation

A real time messaging proof of concept using SocketIO.

• Host: GitHub
• URL: https://github.com/sharadbhat/chatter
• Owner: sharadbhat
• License: mit
• Created: 2021-01-17T19:41:54.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-11-01T07:15:58.000Z (over 2 years ago)
• Last Synced: 2023-11-01T08:25:35.442Z (over 2 years ago)
• Topics: nodejs, react, realtime-messaging, socket-io
• Language: JavaScript
• Homepage: https://chatter-sharad.herokuapp.com
• Size: 1.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Chatter

A real time messaging proof of concept using SocketIO.

## To Run

### Client Side

```sh

cd client

npm install

npm run start

```

### Server Side

```sh

cd server

npm install

npm run start # Uses nodemon

```

## Screenshots

1. Set username

![SetUsername](./docs/EnterName.jpg)

2. Typing Indicator (1 person)

![TypingIndicator_1Person](./docs/OnePersonTyping.jpg)

3. Typing Indicator (2 persons)

![TypingIndicator_2Persons](./docs/EachOtherTyping.jpg)

4. Typing Indicator (3 persons)

![TypingIndicator_3Persons](./docs/MultipleUsersTyping.jpg)

5. Chat

![Chat](./docs/Chat.jpg)

6. User Left Chat

![UserLeftChat](./docs/LeftRoom.jpg)

---

Icons made by [Pixel Perfect](https://icons54.com) from [Flaticon](https://www.flaticon.com)