Skip to content

Latest commit

 

History

History
121 lines (85 loc) · 3.73 KB

README.md

File metadata and controls

121 lines (85 loc) · 3.73 KB

Real-time chat application powered by socket.io

🚀 Demo

This application is deployed on Netlify(Frontend) and Render(Backend).

Please check it out 😄 here.

🖥️ Tech Stack

Frontend:

HTML5  CSS3  JavaScript  React  React Router  Chakra UI 

Backend:

Node JS  HTML5  JWT  Socket.io 

Database:

MongoDB 

Deployed On:

FRONTEND

Netlify

BACKEND

Render

⚡️ Features

  • Real time communication is supported using Socket.io
  • Fully Responsive UI
  • User authentication using email with Login as well as Logout feature.
  • Passwords are encrypted.
  • Toast notifications for user actions.
  • Users can create group chat.
  • Typing Indicators while other user typing something.

📖 Prerequisites

In order to run the project you need node>=16 and npm>=8 installed on your machine.

🚩 Getting Started

1. Clone the bingo_chat repository:

git clone https://github.com/bishtsaurabh60/bingo_chat

2. Navigate into repo:

cd bingo_chat

3. Rename .env.example into .env and put all creadentials:

PORT=5000
MONGO_URI="YOUR_MONGO_CONNECTION_URL"
JWT_SECRET="YOUR_JWT_SECRET"
JWT_EXPIRE=2d
NODE_ENV=development # Change to "production" when deploying

4. Install package dependencies:

cd backend
npm install # Server dependencies
cd frontend
npm install # Client dependencies

4. Run project:

open two terminal sessions and run both commands separately:

In the frontend directory

npm start

In the Backend directory

npm run dev

5. Open your browser and go to http://localhost:3000

👤 Developer

Saurabh Bisht

📬 Contact

Show your support by 🌟 the project