Flow Chat

Flow Chat

Venmo for Flow - the easiest and quickest way to chat with friends, show off your NFTs, and transfer money.

Flow Chat

Flow Chat

Venmo for Flow - the easiest and quickest way to chat with friends, show off your NFTs, and transfer money.

The problem Flow Chat solves

Overview

The inspirations for Flow Chat were popular applications like Venmo, CashApp and WeChat. These applications have revolutionized the concept of payments with a social network. Flow Chat allows you to message wallets, FLOWN domains, transfer Flow, transfer USDC, and transfer NFTs all within the social experience.

What I built

I built an iOS native mobile app using the FCL Swift SDK and SwiftUI from the ground up. We integrated with FlowNS, USDC, and Dapper Sport studios to provide various functionalities in the app.

User Flow

As a new user, the user flow looks like this:

  1. You connect wallet to the app
  2. You can start a chat with any FlowNS domain or Flow wallet address
  3. You can start sending messages back and forth
  4. You can also transfer Flow to the person you're chatting with
  5. If you and the recipient have a USDC vault set up, you can also transfer USDC to the person you're chatting with
  6. You can also transfer Dapper Sports NFTs.

Future Goals

  1. Build a group chat and communities feature to meet new people in the app
  2. Add support for more types of NFTs
  3. Decentralize the message datastore

Challenges I ran into

Challenges

This was my first time building for native iOS using Swift. I was hoping to do React Native but FCL doesn't have a React Native SDK at the time of writing. Learning Swift and iOS was a major task. Learning Flow and Cadence was also a challenge. I referenced the Monster Maker sample project and the LearnWeb3 flow course to assist, but it wasn't a lot of time to get super well versed.

Limitations

Certain functionalities in the app are limited, which I would have loved to extend if I had more time.

  1. We wanted to integrate with all Dapper Sports projects, but were only able to integrate with NBA TopShot. After a long thread in the Flow Discord, someone from the Flowty team hooked me up with an official testnet TopShot moment but did not have any of the other projects' NFTs available. However, they should all be similar to integrate.
  2. Messages are currently stored on Firebase in a centralized database. In the future, I'd like to expand this to something like Arweave, IPFS, or Ceramic Network to have a decentralized data store for messages.
  3. Since it was my first time building using Swift, certain functionalities are definitely a bit hacky, but I have been able to learn a lot of SwiftUI over the last week or so, and can work on making it better.
  4. There are some UI issues that I haven't been able to resolve - messages sometime don't properly align to left/right directions properly and it's probably a mistake with some conditional statements somewhere.

Tracks Applied (6)

Best Mobile Experience

We designed the app to be native iOS to offer the best experience possible. In the future, I would like to extend this t...Read More

Best Use of Walletless Onboarding

Using Blocto, we are able to provide email-based logins to our users, which allow them to get started with messaging oth...Read More

Extending the Ecosystem

We built on top of Blocto, USDC, FlowNS, Dapper Sports, etc thus extending the ecosystem and offering Flow users a new s...Read More

Best apps built on Dapper Sports Studios

We integrated with NBA Topshot (and could easily extend to more with slightly more time and access to testnet NFTs of th...Read More

Dapper

Best app using USDC

We integrated USDC as a payment option for users so they can transfer Flow, USDC, and Dapper NFTs.

Circle

Best app building on FlowNS

We integrated FlowNS domains as an identifier for the user. When you want to send a new message, you can just type a Flo...Read More

Flowns

Discussion