Home / Companies / 100ms / Blog / Post Details
Content Deep Dive

Building a Twitch clone with React and Tailwind

Blog post from 100ms

Post Details
Company
Date Published
Author
Anita Idemudia
Word Count
1,961
Language
English
Hacker News Points
-
Summary

In this tutorial, we will be exploring building a popular streaming platform known as Twitch using React and Tailwind CSS with the aid of 100ms, a cloud platform that allows developers to add video and audio features to all types of applications. The Twitch clone will consist of roles such as Viewer and Stage/Host, each having different permissions and functionalities within the room. We will be using the 100ms SDK and packages to build our application, which include two hooks: hmsActions for performing actions like sending messages or joining rooms, and hmsStore for containing the complete state of the room at any given time. The final app will have features such as video display, screen share, chat section, control bar, and a header/footer tab to give a static Twitch-like display.