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
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