Superfluid Dashboard With Push Notifications
This project includes a user-friendly dashboard where users can easily create, update, and delete superfluid streams, as well as monitor their status in real time with an in-house notification system. The dashboard provides a centralized location for users to manage all of their streams, view important details, and receive notifications.
The dashboard is intuitive and easy to use, allowing users to quickly and efficiently manage their financial transactions. With this project, users can receive real-time notifications about stream creation, updates, and deletions, ensuring that they have up-to-date information using Push Protocol. The notifications are delivered to users via push channels.
The beauty of this project is that users can get notified of streams even if they created/modified/deleted the stream from the official app/or through SDK or contract. This streamlined process helps to streamline communication and improves the overall efficiency of financial transactions, ensuring that all parties involved are always on the same page.
Workflow Architecture
Getting started
To get started, you should be opted in to streams channel(0x577F488FD3354df55fB95DC1F1EF04cb3D67709C) on push staging app(follow video below) and have Push Protocol browser extension. Once you have these, whenever you create/update/delete streams on superfluid app, receiver should be getting notified on push channel about your streams.
Deployed Resources:
Getting started via local setup
- Copy
.env.example
to.env
and fill in the values
cd client
npm install
npm run dev
Demo
With Superfluid Asset Streaming App
pushxsuperfluid_app_demo01.mp4
With Superfluid official app
- Go to https://staging.push.org/ and connect your wallet
- Opt in to Superfluid streams channel(https://staging.push.org/#/channels?channel=0x577F488FD3354df55fB95DC1F1EF04cb3D67709C) on push staging app by searching for the channel and clicking on "Opt In" button
- Download and install Push staging browser extension from https://chrome.google.com/webstore/detail/push-staging-protocol-alp/bjiennpmhdcandkpigcploafccldlakj and add your(receiver) wallet address to the extension
- Go to https://app.superfluid.finance/send and connect your wallet to Superfluid app and select mumbai testnet
- Select receiver address, token and amount
- Click on "Send Stream" button
- Receiver should be getting notified on push channel about stream(if they also opted-in to channel)
- Try updating and deleting stream and Receiver should be getting notified about stream on push channel
superfluidxpush01_demo.mp4
Screenshots
License
This project is licensed under the MIT License - see the LICENSE file for details.
Safety
This is experimental software and evolving quickly. It is not ready for production use. Use at your own risk.
Superfluid Asset Streaming App is a proof of concept and is not ready for production use. It is not audited and has not been tested for security. Use at your own risk. I do not give any warranties and will not be liable for any loss incurred through any use of this codebase.