TeamX Chat is a full-featured real-time chat application built to enhance team collaboration. This full-stack project is developed using Next.js 13, Socket.io, Prisma, Tailwind CSS, and MySQL.
- 💬 Real-time messaging: Send and receive messages instantly using Socket.io.
- 📎 Send attachments: Attach files to your messages using UploadThing.
- ✏️ Edit and delete messages: Edit or delete messages in real-time for all participants.
- 🎥 Audio/Video channels: Create and join text, audio, and video call channels.
- 🗨️ 1:1 messaging: Direct conversations between team members.
- 📹 1:1 video calls: Secure and real-time video calls between members.
- 👥 Member management: Role management (Guest / Moderator), kicking members, and more.
- 🔗 Invite system: Generate unique invite links and manage team invitations.
- 🔄 Infinite message loading: Load older messages in batches of 10 using tanstack/query.
- 🛠️ Server creation and customization: Personalize and create custom servers for teams.
- 🎨 Beautiful UI: Fully responsive design with TailwindCSS and ShadcnUI.
- 🌗 Light/Dark mode: Toggle between light and dark themes.
- 🛡️ WebSocket fallback: Fallback to polling with alerts if WebSocket connection fails.
- 🔍 ORM with Prisma: Efficient database queries using Prisma ORM.
- 💾 MySQL Database: Powered by Planetscale's scalable MySQL instance.
- 🔐 Authentication: Clerk provides secure user authentication and management.
- Next.js 13: For server-side rendering and static generation.
- Socket.io: For real-time WebSocket communication.
- Prisma ORM: For interacting with the MySQL database.
- TailwindCSS: For beautiful and responsive design.
- MySQL: Database to store chat data and user info, hosted on PlanetScale.
- Clerk: For user authentication and management.
- UploadThing: For handling file attachments.
- LiveKit: For real-time audio and video communication.
We welcome contributions to improve this project. To contribute:
- Fork this repository.
- Create a new branch:
git checkout -b feature/my-feature. - Make your changes and commit:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature/my-feature. - Open a pull request.
For more information, feel free to create an issue or reach out!