Skip to content

Discord Clone using Next.js 13, React, Typescript, Socket.io, Prisma, Tailwind, Shadcn, Postgresql. Real-time features like messaging, attachments, edit/delete, 1:1/group channels, member management, invites, infinite loading. TailwindCSS/ShadcnUI for responsive UI, WebSocket fallback, Prisma ORM, Neon DB, Clerk authentication.

Notifications You must be signed in to change notification settings

konarksharma2001/discord-clone

Repository files navigation

Fullstack Discord Clone: Next.js 13, React, Typescript, Socket.io, Prisma, Tailwind, Shadcn, Postgresql

263422931-14e25e4f-eb83-44dd-8b97-4f2666b89386

Features:

  • Real-time messaging using Socket.io
  • Send attachments as messages using UploadThing
  • 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 in batches of 10 (tanstack/query)
  • Server creation and customization
  • Beautiful UI using TailwindCSS and ShadcnUI
  • Full responsivity and mobile UI
  • Light / Dark mode
  • Websocket fallback: Polling with alerts
  • ORM using Prisma
  • MySQL database using Planetscale
  • Authentication with Clerk

Entity Relationship Diagram

Discord ER Table

Link to Discord Clone App

https://discord-clone-8b4o.onrender.com/

About

Discord Clone using Next.js 13, React, Typescript, Socket.io, Prisma, Tailwind, Shadcn, Postgresql. Real-time features like messaging, attachments, edit/delete, 1:1/group channels, member management, invites, infinite loading. TailwindCSS/ShadcnUI for responsive UI, WebSocket fallback, Prisma ORM, Neon DB, Clerk authentication.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages