LINK - Discord Clone Project

View Demo ·

Table of Contents

1. About The Project
   • Built With
2. Getting Started
3. Roadmap

About The Project

This is a full stack discord clone project named "LINK".

Main Features:

• Light / Dark mode
• Authentication with Clerk
• ORM using Prisma
• UI using TailwindCSS and ShadcnUI
• Server creation and customization
• Member management: kick, role change for guest or moderator
• Create text, audio and video channels
• 1:1 conversation between members
• 1:1 video calls between members
• Unique invite link generation & full working invite system

(back to top)

Built With

• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

Install packages

npm i

Setup Prisma

Add MySQL Database (PlanetScale used)

npx prisma generate
npx prisma db push

Start the app

npm run dev

(back to top)

Roadmap

• Authentication
• Dark / Light theme
• Server Creation API
• Navigation sidebar
• Invitation and invitation url generate
• server settings: invite, member manage, edit channel and delete / leave server
• Add Changelog
• Add back to top links
• Complete search channel list
• Edit channel, channel ID page and chat header
• Complete prisma model: Conversation, directConversation, Message
• Conversation set up
• Socket IO Set up
• Messages API
• Message Attachment
• Emoji bar
• Chat message component
• Chat Item component
• Video calls
• Deployment
• Stress Test

(back to top)

Database ER Diagram

Created by LucidChart