Roomsoc

RoomSoc 💬

https://youtu.be/WA0BEn-1H5Q A Real-Time- Chat application with multiple custom rooms and user sign-up functionalities

  1. Sockets.io - Used to implement the real-time functionalities by sending triggering and monitoring events on a topic-subscription-based model.
  2. ReactJS - The front end has been built using ReactJs to implement live state-change handling on (send/receive) message events.

Preview

Join/Sign Up Page

Screenshot 2024-06-29 205508

Chat Box ui

Screenshot 2024-06-29 205526

Welcome Message and Notification on the joining of any user

Screenshot 2024-06-29 205553

Local Setup for Live Demo

Clone the repository using the command: git clone https://github.com/VijetaPriya47/Roomsoc.git

npm install

Run this in both server and client directories to install all dependencies required for the app to run

npm start

Run this in both server and client directories to run the app in development mode.
Open http://localhost:3000 to view the running app in the browser. (React-app server) The page will reload if you make edits.