Skip to content

Full-stack chat app with JWT-authenticated users, private messaging, and live updates using React, Node.js, Express, and Socket.IO. Features REST APIs, token-based auth middleware, and real-time WebSocket communication.

Notifications You must be signed in to change notification settings

tahir4444/Real-Time-User-Based-Chat-App-with-React-Node.js-Socket.IO

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 Real-Time Chat App (React + Node.js + Socket.IO)

A modern real-time chat application built using React, Node.js, Express, Socket.IO, and MongoDB. Users can log in, send private messages, and experience real-time chat updates.

🚀 Features

  • 🔐 User authentication (JWT-based or simple for demo)
  • 📡 Real-time messaging with Socket.IO
  • 💌 Private 1-to-1 messaging (not broadcast)
  • 💾 Messages stored in MongoDB
  • ⚛️ React functional components with hooks
  • 🧩 Scalable backend architecture

📸 Screenshots

(Add UI screenshots or a demo video link here)

🛠️ Tech Stack

Frontend

  • React (Vite or CRA)
  • Socket.IO Client
  • Axios

Backend

  • Node.js
  • Express
  • Socket.IO
  • MongoDB + Mongoose

📂 Project Structure

chat-app/
├── client/             # React frontend
│   ├── public/
│   └── src/
│       ├── components/
│       ├── pages/
│       └── App.js
├── server/             # Node.js backend
│   ├── models/
│   │   └── Message.js
│   └── index.js
├── .gitignore
├── README.md
└── package.json

About

Full-stack chat app with JWT-authenticated users, private messaging, and live updates using React, Node.js, Express, and Socket.IO. Features REST APIs, token-based auth middleware, and real-time WebSocket communication.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published