MERN Stack project | Realtime Chat App | Build a Chat App using MERN,Tailwind CSS, JWT and Socket IO

Описание: how to build a Realtime Chat App with MERN Stack

Source Code:https://github.com/coding-310/chat-ap...

Highlights:

• User authentication ApIs(signup,login,logout)
• Message management and storage with MongoDB & Mongoose
• Real-Time communication powered by Socket.IO
• JWT based authentication for secure session
• Tailwind CSS for modern UI styling
• Axios for API requests and Cloudinary for image uploads
• Zustand for lightweight state management
TimeStamps:

00:00:00 - Project Start
00:01:00 - Setup Frontend & Backend
00:11:16 - Database Setup
00:18:45 - SignUp api
00:30:30 - Login & Logout api
00:37:50 - Update profile api
00:57:20 - Message Route
01:12:10 - Setup Tailwind CSS
01:15:00 - Navbar Page
01:23:50 - Signup Page
01:41:25 - Login & Logout Pages
01:57:40 - Profile Page
02:05:30 - HomePage-Sidebar
02:14:00 - HomePage-ChatContainer
02:55:25 - implementing Socket.io & online users

#mern
#chatapp
#reactjs
#nodejs
#mongodb
#socketio
#jwt
#webdevelopment