Skip to content

Latest commit

 

History

History
58 lines (35 loc) · 1.49 KB

README.md

File metadata and controls

58 lines (35 loc) · 1.49 KB

React-Redux-Streams 📹

A React starter app for streaming which using various concepts like Navigation, Redux, Authentication, REST API, Forms! The app allows user to Sign in with Google using OAuth2.0 and supports CRUD operations on streams!

Dummy server setup using json-server package Media server setup using node-media-server package

Setup

Install dependencies

cd api
npm install
cd ../frontend/
npm install
cd ../rtmpserver/
npm install

TailwindCss Setup

cd frontend/
npx tailwind init tailwind.js --full

This will initialize tailwind.js in the frontend directory

Environment variable

touch .env

Add REACT_APP_GOOGLE_CLIENT_ID=<YOUR_CLIENT_ID> to the file and replace YOUR_CLIENT_ID with the actual client id .

To get your client id refer this - https://developers.google.com/identity/protocols/oauth2

Available Scripts

In the frontend directory, you can run:

npm start

Runs the app in the development mode and builds tailwind.css
Open http://localhost:3000 to view it in the browser.

To start the api server, you can run:

cd api
npm start

To start the rtmpserver, you can run:

cd rtmpserver
npm start

Snapshots

Home

All Streams