Team-Chat

Full-Stack discord clone built using Next.js.

Preview of live site

Key Features

• Real-time messaging
• Send attachments as messages
• Delete & Edit messages in real time for all users
• Create Text, Audio and Video call Channels
• 1:1 conversation between members
• 1:1 video calls between members
• Member management (Kick, Role change Guest / Moderator)
• Unique invite link generation & full working invite system
• Infinite loading for messages
• Server creation and customization
• Fully responsive
• Light / Dark mode
• Websocket fallback: Polling with alerts
• Authentication

Tech-Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• Prisma
• NeonDB
• Socket IO
• React Query
• Clerk
• Uploadthing
• Livekit
• Shadcn UI
• Zustand
• Emoji mart
• Axios
• Zod
• Next themes
• Vercel