Discord Clone

This project was made with a tutorial form Antonio's Channel. ::Code with Antonio::

In this 11 hour course I learned how to create an end-to-end fullstack and real-time discord clone, all with servers, channels, video calls, audio calls, editing and deleting messages as well as member roles.

Coding

React.js • Next.js • Typescript • Tailwind • Prisma • MySQL

Components

Shadcn/UI • Lucide

Authentication

clerk

Video and Audio Connection

livekit.io

---

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3001 with your browser to see the result.

---

Screenshots

login and sign in with clerck

after you logged in, create your first Server

upload your server picture and set your server name

#general is your default Channel, but you can create as many as you want

open your server menu to

• invite people
• access your server settings
• manage your server members
• create a channel
• or delete your server

• click 'Create Channel'
• choose a type: text, audio or video
• click 'create'