Skip to content

This project is a real-time chat application built with Node.js, Express, and Next.js. It supports both one-to-one private chats and group chats, providing a smooth and interactive messaging experience. The application uses WebSockets for real-time communication and Tailwind CSS for modern.

Notifications You must be signed in to change notification settings

CodeWith-HAMZA/Realtime-Messaging-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Real-Time Chat Application

This project is a real-time chat application built with Node.js, Express, and Next.js. It supports both one-to-one private chats and group chats, providing a smooth and interactive messaging experience. The application uses WebSockets for real-time communication and Tailwind CSS for modern, responsive design.

Features

  • Real-Time Messaging: Send and receive text messages instantly.
  • Image Sharing: Share images in chat conversations.
  • Online/Offline Status: See which users are online or offline.
  • Group Chat: Create and manage group chats.
  • Private Chat: Engage in one-to-one private conversations.

Technologies Used

  • Backend:
    • Node.js
    • Express framework
    • WebSockets for real-time communication
  • Frontend:
    • Next.js (latest App Router)
    • Tailwind CSS for styling
  • Languages:
    • JavaScript
    • TypeScript

Screen shots

345746617-ffc7cb63-c575-4d3e-ae35-33159a1c754b 345746662-736d6158-12e8-4ceb-9663-9ae7052b0549 362343606-c8c96cba-ff4d-4581-b287-e6af52e11d5c 345746488-acbbf746-31db-4b51-a1ef-6d99fea39a10 345746536-ac2aa805-1c09-49a7-b9c1-e6ac8289f8ae 345746578-18108e5b-f011-463b-8e73-cb37aa3ecdb6 345746684-07829456-64ce-441b-b675-73202246011b 345746578-18108e5b-f011-463b-8e73-cb37aa3ecdb6 (1)

About

This project is a real-time chat application built with Node.js, Express, and Next.js. It supports both one-to-one private chats and group chats, providing a smooth and interactive messaging experience. The application uses WebSockets for real-time communication and Tailwind CSS for modern.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published