Resetibo hjälper människor att följa resetmeddelanden för de AI-verktyg de använder. En besökare kan välja ChatGPT, Anthropic eller Grok, se aktuell övervakningsstatus, förbereda enheten för notiser och öppna det ursprungliga meddelandet när ett sådant finns. Produkten är ett oberoende projekt av Clutch Developer, inte en officiell tjänst från OpenAI, Anthropic eller xAI. Det präglar upplevelsen: appen förklarar vad den övervakar och var webbläsarens eller källornas begränsningar gäller, i stället för att framställa en varning som en garanti.
En produkt, från webbläsaren till hemskärmen
Produkten är en progressiv webbapp: öppna den från en länk och installera den sedan för snabb åtkomst från hemskärmen eller skrivbordet. React 19 hanterar gränssnittet och Vite 7 bygger frontend. vite-plugin-pwa tillhandahåller manifestet och Workbox-serviceworkern, så appen kan få en installerbar identitet och hålla appskalet tillgängligt inom webbläsarens PWA-modell. Det visuella uttrycket är enkelt: en blå resetsymbol, kanalväljare och tydliga åtgärder för installation, notiser och support.
Serviceworkern stöder appupplevelsen, men liveaviseringar, kontoåtkomst och betalningar kräver fortfarande en anslutning. Notisstöd beror också på webbläsaren, en säker kontext och enhetens behörighetsmodell. PWA:n slipper en separat butiksinstallation utan att låtsas att alla webbläsare har samma bakgrunds- eller notisfunktioner. Att göra de gränserna synliga är en del av produktarbetet, eftersom användaren ska veta vad som faktiskt har installerats innan hen förlitar sig på det.
Google-registrering och inloggning
Firebase Authentication driver Google-inloggning för kontoåtkomst och bidrag till supporten. Besökare kan utforska den offentliga sidan och förstå varningsflödet innan de skapar ett konto; bidragsflödet ber dem logga in innan de går vidare till Stripe. Notisinställningen har en annan gräns: push-prenumerationens callable-funktion kan spara webbläsarens prenumeration utan att ett Google-konto krävs, medan en inloggad användare kan koppla prenumerationen till sitt konto. Ett befintligt Google-konto gör återkommande åtkomst och betalningsbekräftelse till delar av samma flöde, utan att produkten behöver skapa ett separat lösenordssystem.
Notiser som respekterar enheten
Användare väljer sina varningskanaler och aktiverar uttryckligen notiser på enheten. En push-serviceworker tar emot web push-meddelanden, medan gränssnittet ger installationsvägledning, återkoppling om behörigheter och ett ljudtest. De valda kanalerna sparas för enheten och prenumerationer kan stängas av i Inställningar. Flödet behandlar konfigurationen som ett användarbeslut i stället för en osynlig standardinställning, och Google-inloggning görs inte till ett krav för att ta emot varningar.
Den skillnaden spelar roll på en telefon: en systemnotis följer enhetens behörighets-, Fokus- och tystlägesinställningar. Sirenen spelas medan Resetibo är öppet. Produkten förklarar de begränsningarna i stället för att lova ett alarm som åsidosätter operativsystemet. Övervakningsvyn visar också fördröjda kontroller och ofullständig källtäckning och kan länka till den ursprungliga aviseringen, så användaren kan skilja en aktuell notis från en tillfälligt otillgänglig bevakning.
Stripe-betalningar och en leaderboard för bidrag
Support är valfri. En bidragsgivare väljer ett belopp, kan lägga till ett offentligt meddelande, loggar in med Google vid behov och fortsätter till Stripe-hostade Checkout för en engångsbetalning. Det är ett flöde för communitystöd, inte ett prenumerationskrav för att använda de kostnadsfria varningarna. Checkout-hänvisningen hålls separat från varningsinställningen, så en besökare kan använda kärnprodukten utan att först behöva ta ställning till en betalning.
Leaderboarden rangordnar supportrar efter deras totala bidrag och uppdateras efter bekräftade betalningar. Firebase lagrar applikationsdata, medan backendfunktioner kopplar betalningsflödet till den offentliga rankingen. Gränssnittet gör det tydligt att bidragsgivarens namn och meddelande blir offentliga innan betalningen genomförs, och tomläget förklarar vad som händer innan det första bekräftade bidraget.
Tekniken bakom flödet
- Frontend: React 19, JavaScript och Vite 7.
- PWA: vite-plugin-pwa, ett webbappmanifest och Workbox, med en särskild push-serviceworker.
- Identitet och data: Firebase Authentication med Google-inloggning samt Cloud Firestore.
- Backend: Firebase Cloud Functions som kör Node.js 22.
- Betalningar: Stripe-hostade Checkout och backendhantering av betalningar.
- Notiser: web push med web-push-biblioteket och webbläsarnas notis-API:er.
Det här byggde vi
Resetibo kopplar samman en offentlig varningssida, en installerbar PWA, Google-kontoåtkomst, valfria notiser, information om källstatus, Stripe-betalningar och en leaderboard för bidrag. Leveransen omfattar hela vägen från första besöket till en konfigurerad enhet: förklara den oberoende tjänsten, låta användaren välja kanaler, guida installation och behörigheter, redovisa övervakningens begränsningar och göra supporten valfri och transparent. Värdet ligger i hur delarna fungerar tillsammans: besökare kan förstå tjänsten innan de loggar in, förbereda enheten innan de förlitar sig på varningar och se hur communitystödet visas offentligt.
Utforska Resetibo, eller läs mer om vår webbutveckling och automation och integrationer.