Skip to content

It is a Full Stack Chatting App, Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

Notifications You must be signed in to change notification settings

bishtsaurabh60/bingo_chat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

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

About

It is a Full Stack Chatting App, Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published