Skip to content

QuickChat is a modern real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js) with Socket.IO for live, bi-directional messaging.

Notifications You must be signed in to change notification settings

kushalkumar09/Chat_App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ QuickChat β€” Real-Time Chat App (MERN + Socket.IO)

QuickChat is a modern real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js) with Socket.IO for live, bi-directional messaging.


πŸ“Έ Features

  • βœ… Real-time messaging with Socket.IO
  • πŸ‘€ User authentication (login/register)
  • 🧾 Persistent chat history (MongoDB)
  • πŸ“± Responsive UI with React
  • πŸ”’ JWT-based authentication
  • πŸ‘₯ One-to-one
  • 🟒 Online user tracking

πŸ›  Tech Stack

Backend:

  • Node.js + Express
  • MongoDB (via Mongoose)
  • Socket.IO (WebSockets for real-time communication)
  • JWT (for auth)
  • bcrypt (for password hashing)

Frontend:

  • React.js
  • Socket.IO Client
  • Axios
  • Tailwind CSS / Styled Components

πŸ“‚ Project Structure

quickchat/ β”œβ”€β”€ server/ β”‚ β”œβ”€β”€ controllers/ β”‚ β”œβ”€β”€ models/ β”‚ β”œβ”€β”€ routes/ β”‚ β”œβ”€β”€ socket.js β”‚ └── server.js β”œβ”€β”€ client/ β”‚ β”œβ”€β”€ src/ β”‚ β”‚ β”œβ”€β”€ components/ β”‚ β”‚ β”œβ”€β”€ pages/ β”‚ β”‚ β”œβ”€β”€ contexts/ β”‚ β”‚ └── App.jsx └── README.md

About

QuickChat is a modern real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js) with Socket.IO for live, bi-directional messaging.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages