Skip to content

ayushshaw90/chat-rooms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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)

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published