Full-Stack Twitch Clone: Next, React, MySQL, Prisma, Livestreaming, TypeScript, Tailwind

Twitch Clone Thumbnail (3)

Key Features:

  • πŸ“‘ Streaming using RTMP / WHIP protocols
  • 🌐 Generating ingress
  • πŸ”— Connecting Next.js app to OBS / Your favorite streaming software
  • πŸ” Authentication
  • πŸ“Έ Thumbnail upload
  • πŸ‘€ Live viewer count
  • 🚦 Live statuses
  • πŸ’¬ Real-time chat using sockets
  • 🎨 Unique color for each viewer in chat
  • πŸ‘₯ Following system
  • 🚫 Blocking system
  • πŸ‘’ Kicking participants from a stream in real-time
  • πŸŽ›οΈ Streamer / Creator Dashboard
  • 🐒 Slow chat mode
  • πŸ”’ Followers only chat mode
  • πŸ“΄ Enable / Disable chat
  • πŸ”½ Collapsible layout (hide sidebars, chat etc, theatre mode etc.)
  • πŸ“š Sidebar following & recommendations tab
  • 🏠 Home page recommending streams, sorted by live first
  • πŸ” Search results page with a different layout
  • πŸ”„ Syncing user information to our DB using Webhooks
  • πŸ“‘ Syncing live status information to our DB using Webhooks
  • 🀝 Community tab
  • 🎨 Beautiful design
  • ⚑ Blazing fast application
  • πŸ“„ SSR (Server-Side Rendering)
  • πŸ—ΊοΈ Grouped routes & layouts
  • πŸ—ƒοΈ MySQL
  • πŸš€ Deployment

Contribution

  1. Anmol Yadav @ANMOLYADAV1402
  2. Raushan Kumar @raushan6760
  3. Meet Bhanushali @meetkool