Skip to content

A realtime chat application with react js as frontend and expressjs and socketio as backend

Notifications You must be signed in to change notification settings

EliteLabyrinth/Chat-App-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Realtime Chat Application:


A realtime chat application built with Reactjs,nodejs and socketio.

Main Features:


  • Users can Join any room by providing a room name and a username
  • After joining the room they will see all the active members on the right side of the chat room screen.
  • If any other user joins this room the active member list will be updated realtime.
  • All the chats will be updated realtime.

Screenshots:


Join Room Screen:

join_room_screen

Chat Room Screen:

chat_room_screen

Installation and setup instructions:


First clone down this repository. You will need node and npm globally installed on your machine. Also to run server you need nodemon installed globaly on your machine.

To run the server go to the server directory and type the following command.

$ npm install & npm start

this will let the server running.

To run the client go to the client directory and type the following command.

$ npm install & npm start

now go to your favorite browser and on the search bar type

$ locahost:3000

This will let your app start running.

About

A realtime chat application with react js as frontend and expressjs and socketio as backend

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published