Clutch Developer
ES
Book a call

Resetibo: una PWA para alertas de reinicio de IA y apoyo comunitario

Un producto independiente para navegador que permite elegir canales de reinicio de IA, preparar alertas en el dispositivo y apoyar el trabajo de monitorización cuando se desea.

Resetibo ayuda a seguir los anuncios de reinicio de las herramientas de IA que se utilizan. Una persona puede elegir ChatGPT, Anthropic o Grok, consultar el estado actual de la monitorización, preparar el dispositivo para recibir notificaciones y abrir el anuncio original cuando está disponible. Es un proyecto independiente de Clutch Developer, no un servicio oficial de OpenAI, Anthropic ni xAI. Esa independencia da forma a la experiencia: la aplicación explica qué monitoriza y qué límites tienen el navegador o las fuentes, en lugar de presentar una alerta como una garantía.

Un producto, del navegador a la pantalla de inicio

El producto es una aplicación web progresiva: se abre desde un enlace y después se instala para acceder rápidamente desde la pantalla de inicio o el escritorio. React 19 gestiona la interfaz y Vite 7 construye el frontend. vite-plugin-pwa proporciona el manifiesto y el service worker de Workbox, de modo que la aplicación puede tener una identidad instalable y mantener disponible la carcasa de la app dentro del modelo PWA del navegador. El lenguaje visual es sencillo: un símbolo azul de reinicio, selectores de canales y acciones claras para instalar, activar notificaciones y apoyar el proyecto.

El service worker sostiene la experiencia de la aplicación, pero los anuncios en directo, el acceso a la cuenta y los pagos requieren conexión. Las notificaciones también dependen del navegador, de un contexto seguro y del modelo de permisos del dispositivo. La PWA evita un proceso de instalación separado en una tienda sin fingir que todos los navegadores tienen las mismas capacidades en segundo plano o de notificación. Hacer visibles esos límites forma parte del producto, porque la persona debe saber qué se ha instalado antes de confiar en él.

  • Resetibo en móvil: alertas de reinicio de IA y configuración de notificaciones del dispositivo
  • Clasificación de contribuciones de Resetibo y opciones de apoyo con Stripe
  • Diálogo de inicio de sesión de Resetibo con autenticación de Google
Tres pantallas de la PWA en producción: configuración de alertas, apoyo comunitario e inicio de sesión con Google. La clasificación muestra su estado vacío real.

Registro e inicio de sesión con Google

Firebase Authentication proporciona el inicio de sesión con Google para el acceso a la cuenta y las contribuciones. Se puede explorar la página pública y entender el flujo de alertas antes de crear una cuenta; el flujo de apoyo pide iniciar sesión antes de continuar hacia Stripe. La configuración de notificaciones tiene un límite distinto: la función que guarda la suscripción push puede guardar la suscripción del navegador sin exigir una cuenta de Google, aunque una persona autenticada puede asociarla a su cuenta. Usar una cuenta de Google facilita el acceso posterior y la confirmación del pago sin obligar al producto a crear un sistema de contraseñas separado.

Notificaciones que respetan el dispositivo

Cada persona elige sus canales de alerta y activa explícitamente las notificaciones en su dispositivo. Un service worker de push recibe los mensajes web, mientras la interfaz ofrece orientación para instalar, comentarios sobre los permisos y una prueba de sonido. Los canales seleccionados se guardan para ese dispositivo y las suscripciones se pueden desactivar en Ajustes. El flujo trata la configuración como una decisión del usuario, no como un valor predeterminado invisible, y no convierte el inicio de sesión con Google en un requisito para recibir alertas.

La diferencia importa en un teléfono: una notificación del sistema sigue los permisos del dispositivo, los modos Concentración y silencio. La sirena suena mientras Resetibo está abierto. El producto explica esos límites en lugar de prometer una alarma que anule el sistema operativo. La vista de monitorización también muestra comprobaciones retrasadas y cobertura incompleta de fuentes, y puede enlazar al anuncio original, para que el usuario distinga un aviso activo de una vigilancia temporalmente no disponible.

Pagos con Stripe y una clasificación de contribuciones

El apoyo es opcional. La persona que contribuye elige un importe, puede añadir un mensaje público, inicia sesión con Google si hace falta y continúa hasta Checkout alojado por Stripe para realizar un pago único. Es un flujo de apoyo comunitario, no una suscripción necesaria para usar las alertas gratuitas. El salto a Checkout se mantiene separado de la configuración de alertas, para que cualquiera pueda usar el producto principal sin tener que decidir primero si quiere pagar.

La clasificación ordena a los colaboradores por el total de sus contribuciones y se actualiza después de confirmar los pagos. Firebase guarda los datos de la aplicación y las funciones backend conectan el pago con la clasificación pública. La interfaz deja claro antes del pago que el nombre y el mensaje serán públicos, y el estado vacío explica qué ocurre antes de la primera contribución confirmada.

Las tecnologías detrás del flujo

  • Frontend: React 19, JavaScript y Vite 7.
  • PWA: vite-plugin-pwa, un manifiesto web y Workbox, con un service worker de push dedicado.
  • Identidad y datos: Firebase Authentication con inicio de sesión de Google, además de Cloud Firestore.
  • Backend: Firebase Cloud Functions ejecutadas con Node.js 22.
  • Pagos: Checkout alojado por Stripe y procesamiento de pagos en backend.
  • Notificaciones: web push con la biblioteca web-push y las API de notificaciones del navegador.

Lo que construimos

Resetibo conecta una página pública de alertas, una PWA instalable, acceso con cuenta de Google, notificaciones con consentimiento, mensajes sobre el estado de las fuentes, pagos con Stripe y una clasificación de contribuciones. El alcance de entrega cubre el recorrido completo desde la primera visita hasta un dispositivo configurado: explicar el servicio independiente, permitir elegir canales, guiar la instalación y los permisos, informar de los límites de monitorización y hacer que el apoyo sea opcional y transparente. El valor está en cómo encajan las piezas: la visita puede entender el servicio antes de iniciar sesión, preparar el dispositivo antes de confiar en las alertas y ver cómo se representa públicamente el apoyo de la comunidad.

Explora Resetibo, o lee más sobre nuestro desarrollo de sitios web y automatización e integraciones.