https://github.com/thatgirldorian/stream-eet
A streaming application built with React that allows you to create an account with Google Oauth. You can view all the streams on the feed, create a new stream, edit it, and delete it.
https://github.com/thatgirldorian/stream-eet
react redux streaming-service
Last synced: 4 months ago
JSON representation
A streaming application built with React that allows you to create an account with Google Oauth. You can view all the streams on the feed, create a new stream, edit it, and delete it.
- Host: GitHub
- URL: https://github.com/thatgirldorian/stream-eet
- Owner: thatgirldorian
- Created: 2022-09-06T18:24:44.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-20T19:09:19.000Z (over 2 years ago)
- Last Synced: 2025-01-03T18:23:29.828Z (5 months ago)
- Topics: react, redux, streaming-service
- Language: JavaScript
- Homepage:
- Size: 3.59 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# stream-eet
This is a streaming application built with React that allows you to create an account with Google Oauth. You can view all the streams on the application via a general feed. You can also create a new stream, edit it, and delete it. This app is broken into three parts:
- The UI that the user sees in their browser, which is made with React and Redux
- A small web server that lists all the videos you can watch created with The JSON Server
- A RTMP (Real-time messaging protocol) server that handles video streaming
The navigation is done using React Router, while the forms (validation + error handling) are set up via Redux forms. I used the JSON Server package to spin up a web server for the back-end.
Issues faced & resolution:
- I ran into this error: *You should not use `` outside a ``* when trying to add my header as an always-visible component, but I was able to solve this by wrapping my content div with the `` tag.
Technology used:
- React JS
- Redux
- React Router
- Google Oauth + Google API library
- The JSON Server package
- RESTful APIs
- Node Media Server (a Node JS implementation of RTMP)
- OBS Project (open source software for video recording + live streaming)
Screenshare:
https://user-images.githubusercontent.com/40691059/196011176-5245d70e-fb38-4846-9c84-67f633967f8e.mov