This is a real-time chat application built using Socket.io for real-time communication, Express for the server-side logic, Node.js for backend development, and React for the frontend user interface.
A warning when user clicks the join button without filling credentials
To start using this application, follow these steps:
-
Clone the Repository:
git clone https://github.com/ashutoshgithubs/chat-socket.git
-
Install Dependencies:
- Navigate to the project directory :
cd chat-socket
- Navigate to the client :
cd client
- Run :
npm install
- Navigate to the server :
cd server
- Run :
npm install
- Navigate to the project directory :
-
Run the Server: To start the Express server and Socket.io connection, navigate to the server directory, then, Run :
npm start
-
Run the Client: Open a new terminal window and navigate to the client directory, then, Run :
npm start
-
How tp use the Application:
Open the link chat-app in your web browser on one device. Share the same link with another person to open it on their device (phone or laptop).
-
Enter Your Name and Room ID:
Both users should enter their names and a common Room ID to join the same chat room and start communicating.
- Real-time messaging: Instantly send and receive messages between connected users.
- Simple Interface: Easy-to-use interface built with React for seamless communication.
- Socket.io: Enables real-time, bidirectional communication.
- Express: Provides a robust framework for building web-applications.
- Node.js: JavaScript runtime environment for building scalable network applications.
- React: JavaScript library for building user interfaces.