Skip to content

BarJames12/chatApp-react-socket.io-nodejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🗨️ ChatApp

A simple real-time chat app built with React, Socket.IO, and Node.js.

Live demo :

https://barja-chatapp.netlify.app/

🎯 Features:

  • Real-time messaging
  • User online status
  • Group chat rooms
  • Responsive

💻 Requirements

Before start, make sure you've met the following requirements:

  • You have Node.js installed;
  • You have NPM or YARN installed;
  • You have a code editor installed (e.g. Visual Studio Code).

Getting Started:

  1. Clone the repository
git clone https://github.com/BarJames12/chatApp-react-socket.io-nodejs.git

2a. Go to the project working directory

cd chatApp-react-socket.io-nodejs

2b. After that go to each side folder (client & server):

cd client
or
cd server
  1. Install dependencies for each side (client & server):
npm install

Be aware that you npm do the npm inside the client/ server folders

  1. Start the client
npm start
  1. Start the server on another terminal
cd ..
cd server
npm start

Open your browser to http://localhost:3000

**You can also open browser to http://localhost:3000 on two tabs to communicate between two users ☝️ !

Technologies Used

  • React
  • Socket.IO
  • Node.js
  • Express
  • React-Bootstrap

Thanks and hope you can click on the ⭐ !