Clutch Developer
NL
Book a call

Resetibo: een PWA voor AI-resetmeldingen en communitysupport

Een onafhankelijk browserproduct waarmee u AI-resetkanalen kiest, apparaatmeldingen voorbereidt en het monitoringswerk kunt steunen wanneer u dat wilt.

Resetibo helpt u resetaankondigingen te volgen voor de AI-tools die u gebruikt. U kiest ChatGPT, Anthropic of Grok, bekijkt de actuele monitoringstatus, bereidt uw apparaat voor op meldingen en opent de oorspronkelijke aankondiging wanneer die beschikbaar is. Het product is een onafhankelijk project van Clutch Developer en geen officiële dienst van OpenAI, Anthropic of xAI. Die onafhankelijkheid bepaalt de ervaring: de app legt uit wat wordt gemonitord en welke grenzen browser of bronnen hebben, in plaats van een melding als garantie te presenteren.

Eén product, van browser tot startscherm

Het product is een progressive webapp: u opent hem via een link en installeert hem daarna voor snelle toegang vanaf het startscherm of bureaublad. React 19 verzorgt de interface en Vite 7 bouwt de frontend. vite-plugin-pwa levert het manifest en de Workbox-serviceworker, zodat de app een installeerbare identiteit krijgt en de app-shell beschikbaar kan blijven binnen het PWA-model van de browser. De visuele taal blijft eenvoudig: een blauw resetsymbool, kanaalkiezers en duidelijke acties voor installatie, meldingen en ondersteuning.

De serviceworker ondersteunt de app, maar liveaankondigingen, accounttoegang en betalingen vereisen een verbinding. Ondersteuning voor meldingen hangt ook af van de browser, een beveiligde context en het toestemmingsmodel van het apparaat. De PWA vermijdt een afzonderlijk installatieproces via een store zonder te doen alsof elke browser dezelfde achtergrond- of meldingsmogelijkheden heeft. Die grenzen zichtbaar maken hoort bij het product, omdat u moet weten wat er is geïnstalleerd voordat u erop vertrouwt.

  • Resetibo op mobiel: AI-resetmeldingen en instellen van apparaatmeldingen
  • Openbare Resetibo-bijdragenranglijst en Stripe-steunopties
  • Resetibo-aanmeldvenster met Google-authenticatie
Drie schermen uit de live PWA: meldingen instellen, communitysteun en aanmelden met Google. De ranglijst toont de werkelijke lege toestand.

Aanmelden en registreren met Google

Firebase Authentication verzorgt Google-aanmelding voor accounttoegang en bijdragen. U kunt de openbare pagina bekijken en de meldingenflow begrijpen voordat u een account aanmaakt; de steunflow vraagt u om u aan te melden voordat u naar Stripe gaat. De meldingsinstelling heeft een andere grens: de callable die een pushabonnement opslaat, kan het browserabonnement bewaren zonder een Google-account te vereisen. Een aangemelde gebruiker kan het abonnement wel aan zijn account koppelen. Een bestaand Google-account maakt terugkerende toegang en betalingsbevestiging eenvoudiger, zonder dat het product een eigen wachtwoordsysteem nodig heeft.

Meldingen die het apparaat respecteren

U kiest uw meldingskanalen en schakelt meldingen expliciet in op uw apparaat. Een push-serviceworker ontvangt webpushberichten, terwijl de interface installatie-instructies, feedback over toestemmingen en een geluidstest biedt. De gekozen kanalen worden voor dat apparaat opgeslagen en abonnementen kunnen in Instellingen worden uitgeschakeld. De flow behandelt instellen als een gebruikersbeslissing in plaats van een onzichtbare standaardinstelling, en maakt Google-aanmelding geen voorwaarde voor het ontvangen van meldingen.

Dat onderscheid is belangrijk op een telefoon: een systeemmelding volgt de toestemming van het apparaat en de instellingen voor Focus en stil. De sirene klinkt terwijl Resetibo geopend is. Het product legt die grenzen uit in plaats van een alarm te beloven dat het besturingssysteem omzeilt. De monitoringweergave toont ook vertraagde controles en onvolledige brondekking en kan naar de oorspronkelijke aankondiging linken. Zo ziet de gebruiker het verschil tussen een live melding en een tijdelijk niet-beschikbare controle.

Stripe-betalingen en een ranglijst van bijdragen

Steun is optioneel. Een bijdrager kiest een bedrag, kan een openbaar bericht toevoegen, meldt zich indien nodig aan met Google en gaat voor een eenmalige betaling naar Stripe-hosted Checkout. Dit is een communitysteunflow, geen abonnement dat nodig is om de gratis meldingen te gebruiken. De overstap naar Checkout staat los van het instellen van meldingen, zodat iemand het kernproduct kan gebruiken zonder eerst een betalingsbeslissing te nemen.

De ranglijst sorteert supporters op hun totale bijdragen en wordt bijgewerkt na bevestigde betalingen. Firebase bewaart de toepassingsgegevens en backendfuncties koppelen de betaling aan de openbare ranglijst. De interface maakt vóór het betalen duidelijk dat de naam en het bericht openbaar worden, en de lege toestand legt uit wat er gebeurt vóór de eerste bevestigde bijdrage.

De technologie achter de flow

  • Frontend: React 19, JavaScript en Vite 7.
  • PWA: vite-plugin-pwa, een webappmanifest en Workbox, met een eigen push-serviceworker.
  • Identiteit en data: Firebase Authentication met Google-aanmelding en Cloud Firestore.
  • Backend: Firebase Cloud Functions op Node.js 22.
  • Betalingen: Stripe-hosted Checkout en betalingsverwerking in de backend.
  • Meldingen: webpush met de bibliotheek web-push en browser-API's voor meldingen.

Wat we hebben gebouwd

Resetibo verbindt een openbare meldingenpagina, installeerbare PWA, Google-accounttoegang, meldingen met expliciete toestemming, statusinformatie over bronnen, Stripe-betalingen en een ranglijst van bijdragen. De scope loopt van het eerste bezoek tot een ingesteld apparaat: uitleggen dat de dienst onafhankelijk is, kanalen laten kiezen, installatie en toestemming begeleiden, monitoringgrenzen tonen en steun optioneel en transparant maken. De waarde zit in de samenhang: bezoekers begrijpen de dienst voordat ze zich aanmelden, bereiden hun apparaat voor voordat ze op meldingen vertrouwen en zien hoe communitysteun openbaar wordt weergegeven.

Ontdek Resetibo of lees meer over onze websiteontwikkeling en automatisering en integraties.