Inspiration
The Web Monetization Specification has changed since "A Web Monetization Story" was first created in 2020 (see here for the latest copy of the spec!). Sharon and Elliot's original intention was to tell a relatable story about an online creator adding Web Monetization while showing the simple steps they took so you can follow along in your own website's code. We are joined by Victoria who has contributed code to the project and Malcolm who has prepared a presentation of business ideas for commercialization and monetary sustainability of the project.
What it does
"A Web Monetization Story" is an interactive tutorial on Web Monetization, articulated through the story of adventure blogger Auden. As Auden shares their journey, draggable code puzzle pieces show you the way to adding Web Monetization to your website. We link out to relevant resources for Web Monetization and the Interledger community.
In his presentation, Malcolm looked into two potential user/revenue streams: creative people and people who want to provide wallets.
How we built it
We used plain-old HTML, CSS and JavaScript for this project and have updated the code to match the Web Monetization spec changes. Elliot and Sharon were the original co-creators of this project and we're excited to have a new code contributor: Victoria!
PR with our updates to "A Web Monetization Story": https://github.com/esse-dev/a-web-monetization-story/pull/101
Challenges we ran into
The Web Monetization docs page has changed since we created "A Web Monetization Story" a few years ago, so many of our links now 404. We were able to replace the urls with the corresponding content in most cases, but there were a few links that no longer have a direct reference, such as:
- direct url to Web Monetization API
- link to Web Monetization Wallets on the Web Monetization website (the Web Monetization Wallets header element doesn't have an id)
- neither W3C nor Interledger have a list of revisions of the Web Monetization spec so we couldn't link to the different specs
Accomplishments that we're proud of
- Collaboration with a new code contributor! 🎉
- Developing literacy and working towards letting people learn, play, and discover their own use-cases for Web Monetization
What we learned
- Elliot, Sharon, Victoria: We are now accustomed with the updates to the Web Monetization spec :)
- Malcolm: I learned that literacy can be gamified and made interactive
What's next for A Web Monetization Story — Updated!
- Create upstream issues/PRs to enhance the Web Monetization docs
- Link out to or show more complex Web Monetization use cases, such as Multiple Monetization Links
Log in or sign up for Devpost to join the conversation.