Skip to content

tahir4444/chat-app-react-node

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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

chat-app-react-node

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published