Skip to content

Latest commit

 

History

History
81 lines (55 loc) · 2.01 KB

README.md

File metadata and controls

81 lines (55 loc) · 2.01 KB

Chat-rooms

A website to join private chat rooms and chat with your friends. No chat history is saved. It is made with Socket.io and ReactJS.

👩🏼‍💻 Tech Stack

React Node.js Express.js Tailwind css CSS3 Socket.io

🚀 Live Demo

Website

https://chat-room-a9sy.onrender.com

🔧 Setting up the project locally

Clone the repository:

git clone https://github.com/ayushshaw90/chat-rooms.git

Open terminal inside the cloned project

Installing dependencies

cd chat-backend
npm install
cd ../chatrooms
npm install
cd ..

Start the backend server

cd chat-backend
npm run start

Start the front end react project's server

Open a terminal in the root directory of the cloned repository

cd chatrooms
npm run dev

After starting the frontend, the terminal shows the link to the react site in localhost.

Open the link in browser and use the app.

🛠 Building the react frontend for production

Open a terminal in the root directory of the cloned repository

cd chatrooms
npm run build

A folder named frontend is generated and gets stored inside chat-backend directory. It has the production build of react.

Open the chat-backend directory and open a terminal in it

npm run start

It starts the react project in the link

http://localhost:8000

Open the link and use the chat application (No need to start the react server)