salmandabbakuti/superfluid-dashboard

superfluid asset streaming and send updates over push notifications

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:

• App
• Subgraph
• Push Channel

Getting started via local setup

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

1. Go to https://staging.push.org/ and connect your wallet
2. 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
3. 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
4. Go to https://app.superfluid.finance/send and connect your wallet to Superfluid app and select mumbai testnet
5. Select receiver address, token and amount
6. Click on "Send Stream" button
7. Receiver should be getting notified on push channel about stream(if they also opted-in to channel)
8. 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.