TRANSMISSION 08 / CLIENT WORK / PROJECTBRX
A hub for DEX holders.
Frontend development for the ProjectBRX DEX Hub, where holders sign in with their wallet, see their DEX and Hertz, and build a profile picture.
- ROLE
- Frontend developer
- STATUS
- 2023
One place for holders
Holders sign in with their wallet (Sign-In With Ethereum). The hub lists their DEX with Hertz points and time held, and shows the weekly Hertz rate. The delegate.cash option lets someone use a DEX held in another wallet, and a wallet screen links Discord and extra wallets.
The PFP builder
Holders pick a DEX, then choose a picture from the wallets they connected. The picture is clipped to the exact shape of the DEX screen on a canvas, so it sits flush inside the device. Zoom and position sliders let holders frame it, then they can share it on Twitter or download two files sized for Twitter and Discord.
Under the hood
I built the frontend in React, TypeScript and Redux Toolkit, with wallet connection through web3-react, SIWE sign-in against the hub API, NFT lookups, canvas masking and localisation. The screenshots come from a local run with a simulated wallet and data.