Fluxus' Vision

Wallet assets and portfolio distribution dashboard.
Full token breakdown.
Protocols breakdown with Ref Finance Farms.
Burrow lending & borrowing breakdown.
Metapool section.
Tonic orderbook DEX deposited tokens and open orders.

Inspiration

Our team built out the first Near-native Yield Aggregator, called Fluxus Finance.

The project's ultimate goal is to bring DeFi to the masses, not only crypto-native users. For that, good UX and efficient tooling are vital points that are still being worked on across the Near ecosystem.

With that in mind, we asked ourselves: why limit ourselves to being the yield aggregator when we could be THE aggregator?

Currently, Near users have no easy way to accompany their protocol investments, which ultimately brings unnecessary complexity to DeFi veterans and invisible barriers to DeFi newcomers.

With Vision, users are able to see all of their assets, shares, debts & more spread across the ecosystem (farming, lending, borrowing, etc). The delivered MVP is already functional on Mainnet and integrated with the largest protocols on NEAR.

What it does

It shows all of the user's assets on the ecosystem in one intuitive and user-friendly dashboard.

Imagine you have staked assets on Metapool, borrowed assets on Burrow, and provided Liquidity in some Ref Finance farms. Without Vision, you would have to enter every single app of those and do the math yourself to know how much your portfolio is worth.

Vision came to change that, consolidating all protocols into a dashboard with the breakdown of your portfolio distribution.

Currently, all you have to do is connect your NEAR wallet - that simple!

From our unified dashboard, users are already able to see the total value of their portfolio, alongside a protocol-based breakdown or an asset-based one. Scrolling down the dashboard, users are also able to drill down into each protocol they have funds deposited to check and manage each individual position on Fluxus, Ref Finance, Metapool, Burrow & Tonic.

On the "History" tab, users are able to see all their Near transactions, as well as filter them by type, date, protocol & much more. Users are also able to search for transactions, and export filtered ones into a ".csv" if they choose to do so. This adds even more onto the analytics side of our dashboard, basically extending explorer functionalities for forensics, insights, and any other use cases advanced users can think of!

Last but not least, users are in charge of their level of privacy. They can either share their portfolio via link or Twitter, or the complete opposite: hide all the asset prices of their portfolio and just look at the breakdown numbers.

How we built it

For the designs and theme, we followed the pre-existing Fluxus Finance brand book on both dark and light themes. With that in hand, we designed the new components on Figma by analysing the necessary data types for each protocol we integrated, since they vary greatly.

From there, we coded the Figma exports into Next.js components and built out the front-end piece by piece - or better yet, protocol by protocol. Next up, we handled the back-end interactions with on-chain contracts of each protocol, as well as the Coingecko API to fetch asset prices and display dolar equivalence.

Integrated protocols have varying levels of complexity, so we ended up spending more time working on Ref Finance breakdowns, as well as Burrow data integration and formatting.

Challenges we ran into

One big challenge of delivering Vision effectively was formatting requests and data structures in the most efficient way possible to save bandwidth, load things fast, and still end up with a light application that is able to run on whatever modern browser and hardware users have.

With three devs coding simultaneously, we ran multiple times into Coingecko's API rate limit, but Near Mainnet and Testnet RPCs held up pretty well, so the most vital part of the app - protocol data - didn't present major problems. On the other hand, data processing wasn't as straightforward.

Even though our team was already familiar with all integrated protocols and are avid DeFi users on Near, each protocol had it's intricacies on integration, so we needed to dig deeper into their smart contract methods to see how to best format parameters, both from the sending and fetching perspective.

Since we're dealing with a lot of different data and requests, breaking the application wasn't hard, what required us to coordinate parallel work very tightly and have strict git policies for building effectively.

Accomplishments that we're proud of

We are pleased to be the first protocol to develop such a feature in the NEAR ecosystem. We were able to partner up with all of the DeFi protocols integrated, either in-person on Nearcon or virtually, and received great feedback from the community and partners. Also being able to show transaction history (where users can filter by protocol) and other data, such as Tonic's Spot Orderbook is absolutely something we are proud of.

What we learned

The high-intensity atmosphere of a 48-hour hackathon definitely spices up things and highly boosts team members synergy. We learned a lot about one another and were able to further decentralize our decision-making process without wasting time. Everyone had a voice that was necessary to make the most fruitful quick decisions we could.

In terms of technical knowledge, we learned a lot more about each integrated protocol's smart contracts, which is very useful for us to futurely create new vault strategies leveraging their features.

Even though all of our devs for the hackathon are mostly smart contract engineers, they had to venture outside of their confort zone and deliver a good-looking and efficient front-end, learning a lot about best practices and workflow improvements during the process.

Prizes and recognition aside, just the experience itself was already well worth our time and effort and we're very proud of what we were able to deliver. On top of that, we're taking everything we've learned during the process and bringing it to the rest of the Fluxus team so we can further expand DeFi - and soon, much more - inside Near.

What's next for Fluxus' Vision

For the next step, we intend to also encapsulate the NFT community, boosting Vision to also show the user's NFTs on different platforms, the floor prices for their collections, the value of each NFT (the last sell value, for example), so that the Dashboard shows assets in DeFi protocols and also NFTs.