SeaTrees

Web3 DApp development

Sep 2024
View work

I developed a Web3 dashboard for SeaTrees (by Sustainable Surf) that enables users to manage and view their Biodiversity Credits through NFTs on the Solana and Regen blockchains. This dashboard serves as the primary interface for both enterprise and retail customers to track their environmental impact investments.

SeaTrees cover image

SeaTrees cover image

What I Built

Working from Figma designs, I built the entire frontend experience—a fully responsive interface that works seamlessly across mobile, tablet, and desktop. The challenge was creating a dashboard that felt intuitive for both traditional web users and crypto-native customers, bridging two very different audiences.

View token modal

View token modal

I implemented the complete UI with pixel-perfect accuracy, then layered in smooth animations and micro-interactions throughout—page transitions, loading states, interactive components, and real-time NFT minting status updates. Every interaction was designed to make blockchain transactions feel approachable and transparent.

Project section

Project section

Technical Integration

The dashboard connects to multiple complex systems, and I handled all the frontend integration work:

  • Web3 authentication via WalletConnect for crypto users
  • Web2 authentication via Salesforce for traditional customers
  • Real-time NFT minting for Biodiversity Credits
  • Transaction polling systems to track blockchain activity
  • Wallet and project data management across different blockchains

I built systems to display transaction history, manage user authentication, and handle dashboard access control—all while keeping the interface clean and easy to navigate.

Transaction history

Transaction history

Code Quality

I wrote clean, maintainable TypeScript code with strong typing throughout, implemented efficient state management for optimal performance, and created reusable component libraries following best practices. The architecture ensures smooth handling of blockchain interactions and data updates without sacrificing user experience.

Resources page

Resources page

Tech Stack

Next.jsTypeScriptReactTailwind CSSFramer MotionWalletConnect

Authentication screen

Authentication screen

The Impact

The dashboard successfully bridges traditional web users and crypto-native customers, providing a unified platform for tracking and managing Biodiversity Credits through NFTs. Users can now seamlessly manage their environmental investments through a modern, intuitive interface that makes Web3 feel accessible.

Product updates tab

Product updates tab

Client Feedback

"Thanks for the great work Victor! It's been a pleasure working with you."

Ruben Schaller, Co-Founder of Builderz