Strike Tipping Widget
Simple proof of concept that demonstrates how a no-code Strike tipping widget could be built.
WARNING: This is a proof of concept and is designed to be embedded directly in client side code. Please ensure that the
Strike API key you use allows for limited access only.
REQUIRED API SCOPES:
- Create a div with the id
data-apikeyto your Strike API key
data-handleto the strike username to tip
data-amountto the amount to tip
Build the widget:
npm run build:widget
After building, you can test the build by serving the js and css bundles and then opening the example app:
npx serve widget
Then in a new tab, open the example page in your browser:
The code is essentially a very basic react app which you can start like so:
This will start a local server on port 3000 which will run the app in development mode. Changes made to files in the
src directory will be reflected in the browser in realtime.
- Where to start?!…
- Make it look better
- Add support for themeing
- Add more configuration options
- Add support for Strike sandbox environments
- Provide a hosted version
- Wrap it up in a wordpress plugin