A web application using web monetization and socket.io to enable supporters to view live art and make micro payments to the artist.
The hosted version of this project is available here.
If you are an artist you will need a payment pointer to enable micro payments to be made to your web wallet. Uphold offer a good service for this and you can sign up here
As a supporter you will need an coil account and the relevant extension for your web browser. All can be found here
Once logged in and the site is monetized, the artist will be able to draw on the canvas with the supporter able to view in real time.
The supporter will be sending payments via their Coil browser extension as below.
If you would like to view the backend API for this project please find the code here.
- Node.js version 13.10.1
- Clone the following(this) repository
git clone https://github.com/katieraby/live-art.git
- Navigate into the repository
cd live-art
- Install the required dependences
npm i react reach@router axios express socket.io socket.io-client react-color react-meta-tags react-input-slider nodemon
alternatively
npm install
- To launch the application locally type the following commands in separate terminals
nodemon src/server/index.js
npm start
In the terminal you should see a 'Compiled successfully!' message and the react app will open automatically on local host:3000.