Skip to content

Instantly share code, notes, and snippets.

@jonmircha
Last active November 24, 2025 19:56
Show Gist options
  • Select an option

  • Save jonmircha/ca45662c5a34fe87c71c921991113cbd to your computer and use it in GitHub Desktop.

Select an option

Save jonmircha/ca45662c5a34fe87c71c921991113cbd to your computer and use it in GitHub Desktop.

馃摑 My ToDos

Aplicaci贸n web para la gestion de tareas personales hecha con Vanilla Web en el frontend y Supabase/Firebase en el backend.

Recursos

Prompt

Necesito crear una aplicaci贸n web con HTML, CSS y JavaScript Vanilla, sin frameworks ni librer铆as, ni dependencias npm y que como backend use Supabase/Firebase.

La aplicaci贸n debe permitir al usuario: crear, editar, listar, marcar/desmarcar y eliminar tareas, siempre y cuando este logueado.

Reglas de Negocio:

  • Para Supabase, proponme un modelo relacional de la base de datos y el c贸digo SQL para crear la base de datos de la aplicaci贸n en el editor SQL de Supabase.
  • Para Firebase, proponme un modelo documental de la base de datos y el c贸digo JSON para importar el esquema de la base de datos en el servicio Realtime Database de Firebase.
  • Registro e inicio de sesi贸n para los siguientes m茅todos de autenticaci贸n de Supabase/Firebase:
    • Correo y contrase帽a.
    • Cuenta de Google.
  • Para Supabase: Al momento de crear un usuario en el servicio de autenticaci贸n, debe crearse un registro en la tabla de usuarios de la base de datos.
  • Para Firebase: Al momento de crear un usuario en el servicio de autenticaci贸n, debe crearse un documento en la colecci贸n de usuarios de la base de datos.
  • CRUD de tareas personales, siempre y cuando el usuario este logueado en el servicio de autenticaci贸n de Supabase/Firebase.
  • La interfaz visual deber谩 permitir filtrar las tareas por hacer de las hechas, enviando las tareas hechas al final de la lista y dejando las que siguen por hacer al principio.
  • Cerrar sesi贸n de la aplicaci贸n.
  • El dise帽o de la UI que sea est茅tico y minimalista.
  • Proporcioname las reglas de seguridad de la base de datos para ejecutar la aplicaci贸n en producci贸n en Supabase/Firebase.
  • La aplicaci贸n debe ser multipage, es decir en diferentes archivos HTML dependiendo de las funcionalidades, por ejemplo home, iniciar sesi贸n, registro, etc.
  • El c贸digo JS y CSS debe estar modularizado.

A parte de proporcionarme el c贸digo necesario para construir la aplicaci贸n, proporcioname todas las instrucciones necesarias y los pasos a seguir para ir ejecutando el c贸digo y dar de alta los servicios en Supabase/Firebase.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment