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:

           

Backend:

       

Database:

 

Deployed On:

FRONTEND

BACKEND

⚡️ 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