Skip to content

A full-stack real-time chat application built with React, Express, MongoDB, and Socket.IO. Features include user authentication, messaging, and online user tracking.

Notifications You must be signed in to change notification settings

farmanali11/realtime-chat-app-with-socketio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’¬ Realtime Chat App

A full-stack real-time chat application built with React, Node.js, Express, MongoDB, and Socket.IO. It supports secure authentication, real-time messaging, online user status, and profile management β€” all in a beautifully responsive UI.

πŸ”— Live Demo:
πŸ‘‰ https://realtime-chat-app-neon-psi.vercel.app/


πŸš€ Features

  • πŸ” Authentication: Sign up / Log in with secure JWT-based authentication
  • πŸ’¬ Real-Time Messaging: Instant message exchange via Socket.IO
  • 🟒 Online Status: See who is online in real time
  • πŸ“¬ Message Seen Status: Messages are marked as seen when opened
  • πŸ“ User Profiles: View and edit bio/profile
  • 🌐 Responsive UI: Clean, mobile-first design using Tailwind CSS
  • βš™οΈ REST API: Backend built with Express and MongoDB

πŸ› οΈ Tech Stack

πŸ”Ή Frontend

  • React
  • Tailwind CSS
  • Axios
  • Socket.IO Client

πŸ”Έ Backend

  • Node.js
  • Express.js
  • MongoDB + Mongoose
  • Socket.IO
  • JSON Web Tokens (JWT)

πŸ“¦ Installation & Setup

1. Clone the Repository

git clone https://github.com/farmanali11/realtime-chat-app-with-socketio.git
cd realtime-chat-app-with-socketio

About

A full-stack real-time chat application built with React, Express, MongoDB, and Socket.IO. Features include user authentication, messaging, and online user tracking.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages