This is the individual React component for Streamaze. It relies on other components to function well.
Use ZaneH/streamaze-full for the easiest setup experience.
- YouTube setup series: https://www.youtube.com/playlist?list=PLFWEDfSyl7h81oskDbnkEI9MODtKDXGcW
View the landing page for a full overview here: https://streamaze.xyz/landing
Or maybe checkout the guide here: https://guide.streamaze.xyz
![image](https://private-user-images.githubusercontent.com/8400251/286430481-d0d455c3-f39b-41c7-9cf6-dd2eeec181d1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMxNzgyNDQsIm5iZiI6MTcyMzE3Nzk0NCwicGF0aCI6Ii84NDAwMjUxLzI4NjQzMDQ4MS1kMGQ0NTVjMy1mMzliLTQxYzctOWNmNi1kZDJlZWVjMTgxZDEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDlUMDQzMjI0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzYxYjUwMmY1Nzc0NjVkZDNkYTgwOWYxZGZiNzI4NTE3Yjk0ZmZiOWU2NzU5NGJjMDYzYTdiODUxNjE2NDc4ZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.u1qMXoI4b_oAdJnI7D8G5ZJSqVgBmUMzZFGQQIKTYak)
$ git clone https://github.com/ZaneH/streamaze-ui.git
$ cd streamaze-ui
$ npm install
$ npm start
# .env.local
REACT_APP_API_2_WS_URL=ws://localhost:8080/ws # streamaze-donation-service API (WS)
REACT_APP_API_2_URL=http://localhost:8080 # streamaze-donation-service URL
REACT_APP_API_3_URL=http://localhost:4000 # streamaze-api URL
REACT_APP_API_3_WS_URL=ws://localhost:4000/socket # streamaze-api socket URL
REACT_APP_OBS_HOP_PROJECT_ID=<obs project id for stream info>
REACT_APP_EXCHANGE_RATE_API_URL= # exchange-rate-api URL
REACT_APP_MAILCHIMP_URL=<mailchimp url for landing page> # not required