https://github.com/codewith-hamza/realtime-messaging-app
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.
https://github.com/codewith-hamza/realtime-messaging-app
mongodb-atlas nextjs14 nodejs react reacthookform restfulapis typescript websockets
Last synced: 5 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/codewith-hamza/realtime-messaging-app
- Owner: CodeWith-HAMZA
- Created: 2023-10-07T11:38:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-14T06:35:46.000Z (8 months ago)
- Last Synced: 2024-11-09T06:30:52.438Z (7 months ago)
- Topics: mongodb-atlas, nextjs14, nodejs, react, reacthookform, restfulapis, typescript, websockets
- Language: TypeScript
- Homepage:
- Size: 757 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
