Opto Wallet

• 

• 

• GIF

• GIF

• 

• GIF

Inspiration

MetaMask is the most popular wallet on Ethereum world, its most exciting feature is the DApp browser which empower users to explore the whole ecosystem. And also, WalletConnect is also an awesome protocol. But there is no one wallet like in NEAR protocol yet.

What it does

We want to build a mobile wallet for NEAR Protocol and Octopus Network. Users can use it to manage assets, transfer, interact with DApps and connect a Ledger device.

How we built it

We built a MINA mobile wallet named NonceX before, and made it open source, . It’s not a successful product, but we learned a lot from this experience. Also, we can use some components of this wallet to build our next product. We build it with those tech stacks:

• react-native
• Typescript
• Deno for the backend
• Pagoda API for NFT
• near-api-js
• Deno deploy for website and docs

Challenges we ran into

WalletConnect 1.0 only works on Ethereum, and WalletConnect 2.0 supports multi chain. But few wallets for other chains integrate this feature. There is no one on NEAR protocol, as we know. So we have to figure out the right way.

When users onboard NEAR protocol, they need 0.1 NEAR to get a .near account, which may stop users. We need to design a friendly flow. We created a QR code which can be shared easily with friends, and others can create NEAR account by scanning the QR code with Opto Wallet.

Accomplishments that we're proud of

Opto Wallet already has those wonderful features:

Manage Assets

DApp browser

We have built-in dApp browser, users can easily find awesome NEAR dApps, manage favorite ones and interact with them.

Ledger

Users can connect Ledger Nano X with Opto Wallet, and then, they can manage assets and interact with dApps.

WalletConnect 2.0

WalletConnect is a communications protocol for web3, with it, users can interact with desktop from mobile, no need to download browser extensions any more. Opto Wallet is the first and the only mobile wallet on NEAR protocol which supports WalletConnect, and it's already listed on WalletConnect explorer https://explorer.walletconnect.com/?search=Opto

Nravatar: NEAR Recognized Avatar

We built Nravatar for more user-friendly experience. Alice can set up her avatar by selecting a NFT she owned on Opto Wallet, when Bob transfers tokens to her, he can see her avatar on the transfer form. Source: https://github.com/Nravatar

Ocotpus Network

Octopus Network is an important part of NEAR ecosystem, users can create Octopus Appchains wallet and manage their assets.

Dark Mode

Opto Wallet was born with dark mode.

Keypom

We have integrated Keypom which let users can claim Linkdrops

wallet-selector

Opto is already listed on wallet-selector, and Spin.fi has integrated it. Ref.finance also will do.

And more

Contacts, custom networks, multi languages and currencies, bio auth(Face ID on iOS, Fingerprint on Android), authorized apps management ...

What we learned

NEAR is very friendly for developers, there’re a lot of resources and documentations to learn about. The SDK and wallet-selector are updated and maintained frequently. We learned a lot from the community.

NEAR contract is really powerful, we built Nravatar with javascript SDK in 2 days.

What's next for Opto Wallet

Notifications when an account receives tokens for a mobile wallet user;

Implement NEP 408;

There're already more than 200 download on App Store and Google Play, there will be more and more with the comming NEAR users.

Built With

• deno
• deno-deploy
• expo.io
• pagoda
• react-native
• typescript