ChatVerse — Real-Time MERN Stack Chat Application

Description:

ChatVerse is a real-time chat application built using the MERN Stack with Socket.IO. The project features secure user authentication, online/offline indicators, image messaging, and a responsive modern UI. This was my first full-stack project built with React (after previously working with EJS), and I also used Zustand, DaisyUI, and Lucide Icons for the first time, gaining hands-on experience while still learning these tools.

Tech Stack:

Frontend: React.js, Vite, Zustand, TailwindCSS, DaisyUI, Axios, Lucide Icons

Backend: Node.js, Express.js, MongoDB, Mongoose, JWT, Bcrypt

Real-Time: Socket.IO

Cloud Services: Cloudinary

Key Features: Real-time messaging with Socket.IO Online/Offline user status tracking JWT-based authentication and authorization Image sharing support Responsive UI with TailwindCSS + DaisyUI Global state management using Zustand Key Learning: Transitioned from EJS-based full-stack apps to a modern React-powered MERN architecture, exploring new tools and real-time communication workflows.

🔗Github Link - https://github.com/pranshugarg637/ChatVerse

🔗Project Link - https://chatverse-v6kz.onrender.com

Skills: MERN Stack, Full-Stack Development