Skip to content

Webapp using concepts like Navigation, Redux, Authentication, REST API, Forms!

Notifications You must be signed in to change notification settings

nikhilm19/React-Streams-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Webapp using concepts like Navigation, Redux, Authentication, REST API, Forms!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published