metaWONDERverse - Web3asy Boilerplate

A DApp boilerplate demonstrating how to integrate the Custonomy Web3asy Widget and Custonomy Wallet Provider into an NFT marketplace.

Tags
Web3 DevelopmentDAppBusiness SolutionWeb Development
Tech Stack
React
TypeScript
Node.js
metaWONDERverse - Web3asy Boilerplate

What is this?

A DApp boilerplate demonstrating how to integrate the Custonomy Web3asy Widget and Custonomy Wallet Provider into an NFT marketplace. It served both as a reference implementation for Web3asy integration and as a client-facing demo at Web3 events (e.g. Token2046), allowing users to connect a wallet via Web3asy and experience features such as receiving promotional NFTs.

About my role

  • Built a DApp boilerplate demonstrating Web3asy widget and Wallet Provider integration
  • Worked cross-functionally with the marketing team to support Web3 campaigns and demos
  • Maintained and updated the app to ensure smooth execution during live events

Technologies I used

  • Frontend: React, TypeScript
  • Blockchain: Ethereum
  • Web3 Integration: Custonomy Web3asy Widget, Custonomy Wallet Provider

Features

  • Demonstrate Web3 and wallet connectivity using the Custonomy Web3asy widget
  • Enable wallet onboarding and NFT interactions in an NFT marketplace flow
  • Act as both a developer boilerplate and a client-facing demo for marketing campaigns

Challenges & how I approached them

1. Balancing technical accuracy with marketing requirements

  • Worked closely with the marketing team to understand how the app would be used in campaigns and live demos
  • Adjusted flows and UI to make the experience intuitive for non-technical users, while keeping the implementation useful as a developer reference
  • Ensured the demo clearly highlighted the value of Custonomy’s Web3 solutions

2. Supporting live demos and handling urgent issues

  • The app was used in time-sensitive marketing campaigns, so issues sometimes needed to be fixed quickly
  • Maintained clear and responsive communication with the marketing team to address urgent requests
  • Prioritized stability and reliability to ensure demos ran smoothly during events

So, what was the outcome?

  • Delivered a functional DApp boilerplate used for both developer reference and marketing demos
  • Successfully supported Web3 marketing campaigns by providing a hands-on wallet onboarding experience
  • Helped non-technical stakeholders showcase Custonomy’s Web3 solutions with confidence

Things I learned

  • Built my first DApp, gaining hands-on experience with Web3 integration
  • Learned how to collaborate effectively with non-technical teams and translate requirements into working features
  • Improved my ability to handle urgent issues and fast iteration in support of live demos and campaigns