Skip to content

A real-time chat app enabling instant messaging, live user status, and secure authentication, built with MERN, Socket.io, and TailwindCSS for seamless interaction. πŸš€

Notifications You must be signed in to change notification settings

RiteshJaiswal2001/chat_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Full Stack Real-Time Chat Application πŸš€

A modern, feature-packed chat application built using the MERN stack with real-time messaging and seamless user experience.


πŸ“‹ Key Features:

  • πŸ”§ Tech Stack: MERN (MongoDB, Express, React, Node.js) + Socket.io + TailwindCSS + Daisy UI.
  • πŸ” Secure Authentication & Authorization: Powered by JSON Web Tokens (JWT).
  • πŸ’¬ Real-Time Messaging: Chat in real-time using Socket.io.
  • 🟒 Live User Status: Instantly view who’s online.
  • πŸ“¦ State Management: Efficient global state handled with Zustand.
  • πŸ› οΈ Robust Error Handling: Managed on both client and server sides.

πŸ› οΈ Environment Setup

Create a .env file in the root of your project and add the following environment variables:

MONGODB_URI=your-mongodb-connection-string
PORT=4500
JWT_SECRET=your-jwt-secret

CLOUDINARY_CLOUD_NAME=your-cloudinary-cloud-name
CLOUDINARY_API_KEY=your-cloudinary-api-key
CLOUDINARY_API_SECRET=your-cloudinary-api-secret

NODE_ENV=development

πŸ“· Screenshots

login

front profile chat

Build the app

npm run build

Start the app

npm run start

About

A real-time chat app enabling instant messaging, live user status, and secure authentication, built with MERN, Socket.io, and TailwindCSS for seamless interaction. πŸš€

Resources

Stars

Watchers

Forks

Languages