El camino completo desde la idea hasta el celular de Lucas
Toca cualquier cajita o rombo para ver la explicación completa
Inicio del proyecto
1
💡
La idea: app de preguntas para Lucas
Tu hijo necesita practicar para el examen de licencia Clase B. Decidimos construir una app desde cero, en esta misma conversación de chat.
Toca para más detalle
Primera decisión: ¿dónde guardamos las preguntas?
¿Necesitamos una base de datos?
Toca para entender la decisión
Opción A
Supabase / base de datos
Requiere servidor siempre encendido y tiene límite de proyectos gratuitos
Opción B ✓
archivo JSON simple
Las preguntas son texto estático — no cambian en tiempo real. Un archivo es suficiente.
elegimos JSON — más simple, gratis, sin límites
Construcción del código
2
📋
Claude generó esto
500 preguntas CONASET escritas por Claude
Claude redactó 500 preguntas basadas en el reglamento de tránsito chileno, con 4 opciones, la respuesta correcta y la explicación. Todo en formato JSON.
Toca para más detalle
3
🖥️
Claude generó esto
La app completa en un solo archivo HTML
Claude escribió index.html con todo adentro: diseño visual, lógica de preguntas, puntajes, feedback, estadísticas y 4 modos de juego.
Toca para más detalle
4
💾
Claude generó esto
Service Worker — el modo offline
Un pequeño programa que descarga y guarda la app completa en el celular de Lucas la primera vez que la abre. Después funciona sin internet.
Toca para más detalle
Segunda decisión: ¿dónde publicamos?
¿Dónde publicamos la app?
Toca para entender la decisión
Descartado
Vercel
Requiere login manual, no pudimos automatizar el deploy desde Claude
Descartado
Supabase
Límite de 2 proyectos gratuitos ya alcanzado con Auto Compartido
Elegido ✓
Cloudflare Pages
Gratis, Claude tenía las credenciales de Auto Compartido y pudo deployar solo
elegimos Cloudflare — Claude lo hace todo solo
Deploy y publicación
5
⚙️
Claude ejecutó esto
Subir el código a GitHub
Claude inicializó un repositorio Git, guardó todos los archivos y los subió al repo "licencia-clase-b" en tu cuenta de GitHub. Historial completo de cambios.
Toca para más detalle
6
🚀
Claude ejecutó esto
Deploy con Wrangler a Cloudflare
Con un solo comando, Claude subió todos los archivos a los servidores de Cloudflare. En 30 segundos la app quedó publicada en todo el mundo.
Toca para más detalle
Tercera decisión: ¿cómo llega al celular de Lucas?
¿App Store o navegador web?
Toca para entender la decisión
Descartado
App nativa (App Store / Play Store)
Requiere cuenta de desarrollador, revisión de Apple/Google, semanas de espera y hasta $99/año
Elegido ✓
PWA instalable desde Safari
Lucas abre la URL, toca "Agregar a pantalla de inicio" y listo. Ícono en el celular, sin App Store.