a Weather App with Monetization Feature

#gftwhackathon

[Instructions]: While I am still waiting for the free-trial account Coil, I am trying to build something basic but meaningful for experimenting with the Monetization API.

What I built

a Simple Weather App with Monetization Feature
Currently, if the Monetization API along Coil plugin at the client side is properly implemented, a "Thank you" message will be displayed
If the client does not implement Monetization feature on his/her browser, the "Monetization Feature Available" message will be shown instead

Submission Category: Exciting Experiments

Demo

Link to Code

Repo

How I built it

I implement this application by React.js with Hooks. Realtime weather info is fetched on OpenWeather API. The Application is styled by CSS along with Bootstrap.

Additional Resources/Info

Deployed Demo on now.sh

Top comments (1)

☞ Desigan Chinniah ☜ • May 20 '20

Quick feedback. I seem to get the same Monetization Feature Available message in both scenarios right now ie. with or without a Web Monetization provider (Coil) membership.

Are you perhaps correctly checking for 'monetizationstart'?

if (document.monetization) {
  document.monetization.addEventListener('monetizationstart', () =&gt; {
    document.getElementById('exclusive').classList.remove('hidden')
  })
}

DEV Community

a Weather App with Monetization Feature

What I built

Submission Category: Exciting Experiments

Demo

Link to Code

How I built it

Additional Resources/Info

Top comments (1)

Read next

Contributing to ByteChef

How to mitigate a DDoS attack on a small server

Meteor.js 3.1: A New Dawn for Full-Stack JavaScript Development

Aliases in React with Vite: And how they Simplify Your Imports 🚀.