Cover photo

StreamFi: Week 3 @ ETHIndia Fellowship 3.0

Building Dashboards

Dashboards form an essential part of any project. When it comes to Defi, dashboards become portfolios. Portfolios that need to be as updated and robust as possible, while keeping the UI intuitive for users.

For Streamfi, I started out by building a standard dashboard that tracks the user’s streams (incoming and outgoing) and displays necessary information related to that stream. There were a couple of roadblocks along the way, majorly in the form of how to access stream information.

Superfluid provides its Subgraph, which you can use to pull information for each account, token, stream, etc. The subgraph, however, does not give you exact token balances (since they are being streamed on a per-second basis). This needs to be calculated on the client side of the app in real-time (yet to be implemented).

Current State of StreamFi

For this week, I focused on 2 major components of the app - finalising the Create Stream functionality and making the dashboard. Users are now able to create streams to other users in a more cleaner and functioning UI, along with viewing their created and incoming streams in the dashboard. The balances of each token are not being displayed currently and is the next feature I would work upon.

The next step after the dashboard is completed is adding a savings tab that users can use to keep track of their personal expenses and stream into their accounts.

Snapshots of the current version (feedback appreciated)

Landing Page
Landing Page
Stream Creation
Stream Creation
Dashboard
Dashboard

Conclusion

This week was filled with understanding what good UX looks like as well as evaluating the project’s further vision. I had a lot of fun tinkering with the Superfluid Subgraph and have some plans to even build on top of it 👀