Skip to content

FelicixAwe/LINK

Repository files navigation


LINK - Discord Clone Project



View Demo ·

Table of Contents
  1. About The Project
  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

  • Next
  • React
  • Tailwind
  • Typescript
  • Prisma
  • Socket
  • Planetscale

(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