Resetibo hjelper folk med å følge resetmeldinger for AI-verktøyene de bruker. En besøkende kan velge ChatGPT, Anthropic eller Grok, se gjeldende overvåkingsstatus, gjøre enheten klar for varsler og åpne den opprinnelige meldingen når en slik finnes. Produktet er et uavhengig Clutch Developer-prosjekt, ikke en offisiell tjeneste fra OpenAI, Anthropic eller xAI. Det former opplevelsen: appen forklarer hva den overvåker, og hvor begrensningene i nettleseren eller kildene gjelder, i stedet for å framstille et varsel som en garanti.
Ett produkt, fra nettleseren til hjemmeskjermen
Produktet er en progressiv webapp: åpne den fra en lenke, og installer den for rask tilgang fra en hjemmeskjerm eller et skrivebord. React 19 håndterer grensesnittet, og Vite 7 bygger frontend-en. vite-plugin-pwa leverer manifestet og Workbox-serviceworkeren, slik at appen får en installerbar identitet og kan holde appskallet tilgjengelig innenfor nettleserens PWA-modell. Det visuelle uttrykket er enkelt: et blått resetsymbol, kanalvelgere og tydelige handlinger for installasjon, varsler og støtte.
Serviceworkeren støtter appopplevelsen, men meldinger i sanntid, kontotilgang og betalinger krever fortsatt en tilkobling. Varselstøtte avhenger også av nettleseren, en sikker kontekst og enhetens tillatelsesmodell. PWA-en unngår en separat butikkinstallasjon uten å late som alle nettlesere har de samme bakgrunns- eller varslingsmulighetene. Å gjøre disse grensene synlige er en del av produktarbeidet, fordi brukeren bør vite hva som faktisk er installert før hen stoler på det.
Google-registrering og pålogging
Firebase Authentication håndterer Google-pålogging for kontotilgang og støttebidrag. Besøkende kan utforske den offentlige siden og forstå varselsflyten før de oppretter en konto; bidragsflyten ber dem logge inn før de går videre til Stripe. Varseloppsettet har en annen grense: callable-funksjonen for push-abonnement kan lagre nettleserens abonnement uten å kreve en Google-konto, mens en innlogget bruker kan knytte abonnementet til kontoen sin. En eksisterende Google-konto gjør tilbakevendende tilgang og betalingsbekreftelse til deler av samme flyt, uten at produktet må opprette et eget passordsystem.
Varsler som respekterer enheten
Brukere velger varslingskanaler og aktiverer varsler på enheten eksplisitt. En push-serviceworker mottar web push-meldinger, mens grensesnittet gir installasjonsveiledning, tilbakemelding om tillatelser og en lydtest. De valgte kanalene lagres for enheten, og abonnementer kan deaktiveres i Innstillinger. Flyten behandler oppsettet som et brukerens valg i stedet for en usynlig standard, og Google-pålogging blir ikke gjort til et krav for å motta varsler.
Det skillet betyr noe på en telefon: Et systemvarsel følger enhetens tillatelses-, Fokus- og stillemodusinnstillinger. Sirenen spilles mens Resetibo er åpen. Produktet forklarer disse begrensningene i stedet for å love en alarm som overstyrer operativsystemet. Overvåkingsvisningen viser også forsinkede kontroller og ufullstendig kildedekning og kan lenke til den opprinnelige meldingen, slik at brukeren kan skille et aktivt varsel fra en overvåking som midlertidig ikke er tilgjengelig.
Stripe-betalinger og en bidragsrangering
Støtte er valgfritt. En bidragsyter velger et beløp, kan legge til en offentlig melding, logger inn med Google ved behov og går videre til Stripe-hosted Checkout for en engangsbetaling. Dette er en flyt for fellesskapsstøtte, ikke et abonnementskrav for å bruke de kostnadsfrie varslene. Overgangen til Checkout holdes separat fra varselsoppsettet, slik at en besøkende kan bruke kjerneproduktet uten først å måtte ta stilling til en betaling.
Rangeringen sorterer støttespillere etter deres samlede bidrag og oppdateres etter bekreftede betalinger. Firebase lagrer applikasjonsdata, mens backendfunksjoner kobler betalingsflyten til den offentlige rangeringen. Grensesnittet gjør det tydelig at bidragsyterens navn og melding blir offentlige før betalingen gjennomføres, og tomtilstanden forklarer hva som skjer før det første bekreftede bidraget.
Teknologien bak flyten
- Frontend: React 19, JavaScript og Vite 7.
- PWA: vite-plugin-pwa, et webappmanifest og Workbox, med en egen push-serviceworker.
- Identitet og data: Firebase Authentication med Google-pålogging, pluss Cloud Firestore.
- Backend: Firebase Cloud Functions som kjører Node.js 22.
- Betalinger: Stripe-hosted Checkout og backend-behandling av betalinger.
- Varsler: web push med web-push-biblioteket og nettlesernes varslings-API-er.
Dette har vi bygget
Resetibo kobler sammen en offentlig varslingsside, en installerbar PWA, Google-kontotilgang, valgfri varsling, informasjon om kildestatus, Stripe-betalinger og en bidragsrangering. Leveransen dekker hele veien fra første besøk til en konfigurert enhet: å forklare den uavhengige tjenesten, la brukeren velge kanaler, veilede installasjon og tillatelsesoppsett, vise overvåkingens begrensninger og gjøre støtte valgfritt og gjennomsiktig. Verdien ligger i hvordan delene fungerer sammen: Besøkende kan forstå tjenesten før de logger inn, klargjøre enheten før de stoler på varsler, og se hvordan fellesskapsstøtten vises offentlig.
Utforsk Resetibo, eller les mer om vår webutvikling og automatisering og integrasjoner.