LearnWeb3 Bounty: UX/DX Test Streamr documentation
Our aim is to enhance the developer experience with Streamr, and we're inviting developers new to Streamr to participate in a paid coding challenge. The challenge involves building a small React chat decentralized application (dApp) utilizing provided resources. Following the development, there will be a short feedback call to gather insights and suggestions.
Develop a React chat dApp that enables data transmission across devices using the Streamr Network. Specifically, the application should allow users to send chat messages from sender A to recipient B via a data stream. There is no requirement for an elaborate interface; a basic implementation with an input field, submit button, and a text window to display incoming messages will suffice.
Streamr Documentation: here
Attention: A small amount of MATIC is used to pay for gas on Polygon mainnet.
To setup the stream I created a js file to run inside the folder setup
.
In the folder you have to copy the .env.example
file in .env
and insert your private key and the stream name (without initial /).
After that, you have to install the packages with npm install
.
Finally, launch the command node setup.js
.
The command returns your stream ID
to use inside the frontend.
Copy .env.example
to .env
file and update the NEXT_PUBLIC_STREAM_ID
variable value.
Install packages with npm install
and run local dev npm run dev
.