Streamaze UI – Dashboard

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

Depends On

• ZaneH/streamaze-donation-service
• ZaneH/streamaze-api
• ZaneH/exchange-rate-api

Preview

View the landing page for a full overview here: https://streamaze.xyz/landing

Or maybe checkout the guide here: https://guide.streamaze.xyz

Setup

$ git clone https://github.com/ZaneH/streamaze-ui.git
$ cd streamaze-ui
$ npm install
$ npm start

Environment Variables

# .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