Skip to content

Fullstack clone of discord with audio and video calls

Notifications You must be signed in to change notification settings

constantine892/discord-clone

 
 

Repository files navigation

Discord Clone 🎮

hero

This is a simple, fullstack Discord clone that has all the features of Discord other than Nitro. This includes real-time text, audio and video calls, file uploads, admin and moderator roles, and the creation and management of servers and channels. Real-time is made possible with socket IO and has polling as the fallback.

Technologies Used

  • Next JS 13
  • Shadcn UI
  • TailwindCSS
  • Clerk
  • Prisma
  • Serverless PostgreSQL
  • Socket IO
  • LiveKit
  • Zustand
  • Zod

Getting Started

First fork and clone the repo. Then, run npm install to download all the dependencies. Now, set up your environmental variables. Make a .env file in the root of your project with the following variables:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
CLERK_SECRET_KEY
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
DATABASE_URLDIRECT_URL
UPLOADTHING_SECRET
UPLOADTHING_APP_ID
LIVEKIT_API_KEY
LIVEKIT_API_SECRET
NEXT_PUBLIC_LIVEKIT_URL

Once that is done, run npm run dev to view it on localhost.

Learning Resources

About

Fullstack clone of discord with audio and video calls

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.6%
  • JavaScript 1.6%
  • CSS 0.8%