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