Awesome Open Source
Awesome Open Source

Twitch Stream Clone

A streaming application that mimics Twitch.

Tech Stack

  • React
  • Redux
  • React-Router
  • JSON Server
  • Node-Media-Server

Directories

  • client: The React front-end
  • rtmp: The Real Time Messaging Protocol (RTMP) Server
  • api: The API server

Getting started

In each directory (client, rtmp, api), run npm install and then npm start. Navigate to localhost:3000 to begin using the streaming app.

To stream video

Use streaming software such as OBS. Configure your streaming software to stream to the RTMP server. Configuration can be found on Node-Media-Server for publishing live streams. Configuration should be to the id that you are trying to stream to.

What this app demonstrates

  • Navigating around to seperate pages in our SPA
  • Ability for users login/logout using Google OAuth
  • Handling forms in Redux
  • CRUD Operations in React/Redux
  • Error handling

Screenshots

Screenshot

Alternatives To Twitch Clone
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,118,155
Reactjs (170,673
Server (65,779
Redux (28,756
Stream (20,893
Router (13,755
Streaming (9,729
Twitch (3,801
Rtmp (1,361
Rtmp Server (1,361
Media Server (680