MERN Stack Chat App

[Attention please : This Prjects is integrated will my LMS-app here SkillSage]

📌 Overview

This is a full-stack real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for instant messaging. The app features user authentication, real-time messaging, and an interactive UI built with Material-UI and Framer Motion.

🌍 Live Demo: SkillSage Student Lounge

🔐 Test Login Credentials

• Email: shasan2200@gmail.com
• Password: shasan

🚀 Features

• 🔐 User Authentication (JWT-based)
• 💬 Real-time Messaging (Socket.IO)
• 🎨 Modern UI (MUI & Framer Motion)
• 📡 RESTful API with Express & MongoDB
• ⚡ State Management (Redux Toolkit)

🛠️ Tech Stack

Backend

• Node.js
• Express.js
• MongoDB & Mongoose
• JWT Authentication
• Socket.IO for real-time chat
• Bcrypt for password hashing
• CORS & dotenv for environment management

Frontend

• React.js
• Redux Toolkit
• React Router DOM
• Material-UI for styling
• Framer Motion for animations
• Socket.IO Client for WebSocket communication
• Axios for API requests

🔧 Installation & Setup

Clone the Repository

git clone https://github.com/your-username/mern-chat-app.git
cd mern-chat-app