Discord Clone

This is a Discord clone with real-time chat and video functionality. You'll build a React frontend with Tailwind CSS, a backend API using Convex, and integrate WebRTC for real-time video and audio.

Tutorial

Tech Stacks:

• Typescript
• Tailwind CSS
• Nodejs
• Convex for backedn API
• Clerk for authorization

Skills:

• Chat and Video

Sources

Tour of Convex Convex Functions Convex Database Convex & Clerk Clerk Webhooks

Developer's Notes

    ## development dependency
    pnpm add -D npm-run-all
    pnpm convex dev
    pnpm add @clerk/nextjs
    pnpm add svix
    pnpm add convex-helpers

    # For UI
    npx shadcn init
    npx shadcn add sidebar
    npx shadcn add dialog
    npx shadcn add label
    npx shadcn add sonner
    npx shadcn add avatar
    npx shadcn add dropdown-menu
    npx shadcn add scroll-area

package for sycning clerk data to your webhook

Sync Clerk data to your application with webhooks

    pnpm add svix