Skip to content

Simple chat app implementation using React + Socket.io

Notifications You must be signed in to change notification settings

jonatasJS/react-socket.io-chat-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Socket IO Chat-app Example

A simple real-time chat application implementation using Socket.io, Node and React.

Screenshot of demo

see a live demo here

Setup and run

  • Make sure you have port 3000 and 8002 free in your machine.
  • Run npm i in both /backend and /react-app directories.
  • Open two terminal windows and navigate to both of these directories and run npm start

Instructions to run this app

For signing in differently in the app, you can use two different browser tabs opening the same application and can chat in real-time. There is no session maintained so on every page visit it will ask for signing-in. ( For example you can select Alexa in one tab to sign in and TARS in second tab and then you can send message to TARS from Alexa's tab and you should see an unread message on TARS tab ).

Messages are stored in browser memory so on subsequent refreshes messages will be lost. we could've stored messages on server' DB though, but DB is not in the scenario.

About

Simple chat app implementation using React + Socket.io

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.9%
  • HTML 23.4%
  • CSS 14.7%