Skip to content

Rishabhjain610/ClearChat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📹 Demo

screen-recording-2025-07-13-200321_q90Ior7N.mp4

ClearChat (MERN Stack)

A full-stack real-time chat application where users can sign up, log in, create private/public conversations, share media, send instant messages, and more. Built with the MERN stack and modern tools like Multer, Cloudinary, Emoji Picker, and React Toastify.


🚀 Features

  • 👤 User Authentication – Signup, Login, Logout with secure JWT tokens stored in cookies
  • 💬 Real-Time Chat – Instant messaging via Socket.IO with typing indicators and read receipts
  • 📎 Media Sharing – Upload images/videos using Multer and store them securely in Cloudinary
  • 🙂 Emoji Picker – Send emojis via an integrated emoji search and picker tool
  • 🧾 Chat History – Load previous messages, scrollable conversation threads
  • 🔒 Secure Auth – Passwords hashed using bcrypt, and secure cookies via cookie-parser
  • 🌐 CORS Enabled – Allows smooth frontend-backend interaction
  • 📣 Notifications – Feedback via React Toastify for actions and errors
  • 💅 Responsive UI – Tailwind CSS-based design that adapts to all devices
  • 🎨 Lucide Icons – Clean and lightweight icon set for UI elements

🧰 Tech Stack

Frontend:

  • React.js
  • Tailwind CSS
  • Redux Toolkit
  • Axios
  • React Toastify
  • Emoji Picker
  • Lucide React Icons, React Icons

Backend:

  • Node.js
  • Express.js
  • MongoDB with Mongoose
  • Multer
  • Cloudinary
  • bcrypt.js
  • cookie-parser
  • cors
  • Socket.IO
  • jsonwebtoken

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages