💬 Discord Clone

A modern web-based Discord Clone application that replicates core chat and communication features with a clean and responsive user interface.
This project focuses on real-time interaction, UI design, and full-stack application development.

🔗 Project Links

• Live Project: https://discord.ankitkumar.space/
• Explore More (Playground): https://ankitkumar.space/playground/discord-clone
• LinkedIn: https://www.linkedin.com/in/ankitk002/

---

✨ Features

• 💬 Real-time chat interface
• 🧑‍🤝‍🧑 User channels and conversations
• 🔐 Authentication and user sessions
• 🎨 Clean and responsive UI
• ⚡ Fast and interactive experience
• 🌐 Web-based application

---

🛠 Tech Stack

• Frontend: React / HTML / CSS / JavaScript
• Backend: Node.js / API services (varies by repository)
• Database: (if applicable)
• Cloud & Hosting: Web hosting & cloud services

---

Screenshots

Prerequisites

Node version 18.x.x

Cloning the repository

git clone https://github.com/AntonioErdeljac/next13-discord-clone.git

Install packages

npm i

Setup .env file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=


DATABASE_URL=

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

LIVEKIT_API_KEY=
LIVEKIT_API_SECRET=
NEXT_PUBLIC_LIVEKIT_URL=

Setup Prisma

Add MySQL Database (I used PlanetScale)

npx prisma generate
npx prisma db push

Start the app

npm run dev