Flowtastic
Find, compare and choose the right Moment with user reviews.
Demo
About
The problem it solves We individuated 3 issues that we want to solve. Hard to compare moments. Individual collectors want to compare stats to ensure they are making the best decision. No connections. Collecting is an emotional thing. What is the story behind that moment? How did other collectors live it or think about it? Portfolio rating. It is hard to know what other collectors think about our moments. Like when we are buying on Amazon or checking YouTuber reviews before buying a new smartphone or gadget. Collectors want to know what others think and compare to make sure they are making the right choice. Our solution is to enable collectors to hang out and share their thoughts and stories about the collectibles. giving them tools to compare and explore their collections quickly so they can make better choices. Community Review - Collectors offer the most useful guide. Let the community tell the story. Quick Compare - Simplify collectors' research by displaying Moments side-by-side. Portfolio rating - Simply connect the wallet to show details and reviews of all the moments.
How it's made
Challenges we ran into Javascript is not type safe, and apps shipped without type validation can be easy to break. The FCL SDK does not provide TS support, and I also wanted a better solution for integration with React. We found a non-published use-flow package by Maggo. The library is still under development, but it is almost finished. We forked the library and published it to npm to be able to use it in the project with its typed hooks. We need to connect the backend to the frontend seamlessly. To achieve that, we used typescript with tRPC. We used DB to authenticate the user, but we also need to make transactions with our contract and fetch data from the blockchain with the FCL SDK. Terminology. There are terms that are confusing, such as "collection," which doesn't refer to NFT collections but to the NFT held by an account. In Ethereum, the structure of how to fetch is also different.I needed to first understand the glossary and how each term related to the others. I used Dapper Docs to figure out what script I could use to retrieve data from the blockchain. Calling the script to see what the returned objects looked like was a very manual process. flow-view-source helped a lot in understanding what is returning. Cadence is a new language to me. It does not need to be built. We use the cadence to query and make transactions in the frontend. I just learned a lot during the hackathon about how it works by using scaffolds. Looking at open-source projects reading official documentation, dev.to articles, and watching Youtube tutorials.