MERN Stack Realtime Chat App

🌟 Introduction

Built with the MERN Stack, SocketIO, TailwindCSS, DaisyUI. It enable the user for chat with other user in realtime.

⚙️ Tech Stack

• React
• Node.js
• Express.js
• MongoDB
• Tailwind CSS
• DaisyUI
• SocketIO

🔋 Features

👉 Authentication: Authentication && Authorization with JWT.

👉 Messaging: Realtime messaging with SocketIO.

👉 User Status: Online user status (SocketIO and React Context).

👉 State Manage: Global state management with Zustand.

👉 Error Handling: Error handling both on the server and on the client.

⭐ Quick Start

⏳ Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

🚀 Setup Instructions

Clone This Repository

git clone https://github.com/shekharsikku/mern-chatapp

Install Node Modules

npm run install:modules

Environment Variables Setup

Rename, .env.sample filename in server dir to .env and add all required fields!

MONGO_URI=...
JWT_SECRET=...
PORT=...
NODE_ENV=...

Start Development

npm run dev

Open http://localhost:3000 in your browser to view the project.

http://localhost:3000

Build App

npm run build

Start App

npm run start

⚠️ Warning : After Optimized Build use any one rendering either client side or server side!

Client Side Rendering

http://localhost:3000

Server Side Rendering

http://localhost:4000

🪄 Code by Shekhar Sharma

---