Building and Deploying a Real-Time Chat Application with JWT Authentication Using the MERN Stack and Socket.io

Demo

Features

• Tech Stack: MERN (MongoDB, Express.js, React.js, Node.js) + Socket.io + AWS S3 + TailwindCSS + Daisy UI
• Authentication & Authorization: Implemented with JWT for secure user interactions
• Real-time Messaging: Utilizing Socket.io for instant message delivery
• Online User Status: Track and display user availability using Socket.io and React Context
• Global State Management: Managed efficiently with Zustand for seamless user experience
• Storage Bucket: Using AWS S3 for storing multi-media contents and real time file sharing.
• Error Handling: Robust error handling mechanisms on both server and client sides

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

PORT=... MONGO_DB_URL=... JWT_SECRET=... NODE_ENV=... ACCESS_KEY=... SECRET_ACCESS_KEY=...

Run Locally

Clone the project

  git clone https://github.com/Saurav50/Chat-App.git

Go to the project directory

  cd Chat-App

Install dependencies

  npm install

Start the App

  npm run start

Build The App

  npm run build