Caso de estudio · EduTech

Una arquitectura, tres productos curriculares. Plataforma EdTech alineada al programa DEMRE.

Chinchi.Lab es una PWA educativa con mascota IA, voz cinematografica y seguimiento individual por alumno. Cubre lenguaje, matematicas, ciencias, historia y geografia siguiendo el plan curricular oficial chileno. Piloteada en basica, escalable a media y preparacion PAES.

0 Asignaturas del plan comun
0 Niveles: basica, media, PAES
0% Mobile-first / PWA installable
Resumen ejecutivo

Lo esencial en 6 lineas.

Si tienes 30 segundos antes de leer el resto, esto es lo que tienes que saber sobre Chinchi.Lab.

TL;DR
  • PWA educativa alineada al programa del DEMRE — cubre lenguaje, matematicas, ciencias, historia y geografia siguiendo el curriculum oficial.
  • Stack ligero: vanilla HTML/CSS/JS + Firebase + ElevenLabs. Cero backend custom, cero deuda tecnica, despliegue continuo.
  • Piloteada en basica con arquitectura preparada para escalar a media (1°-4°) y preparacion PAES sin reescribir el motor.
  • Producto en produccion en chinchi-lab.vercel.app: mascota animada Chinchi con voz cinematografica via ElevenLabs, quiz con puntaje, racha diaria y seguimiento individual por alumno.
  • Modelo multi-tenant listo para colegio: tenant por colegio, vistas por rol (director / jefe UTP / profesor / apoderado / alumno), dashboards institucionales.
  • Validacion en curso con profesores de basica para SaaS plan profe a 9.990 CLP/mes y plan colegio desde CLP 400.000/mes (incluye 800+ alumnos, soporte y nuevas unidades).
  • El caso prueba el patron Rumbo Pro: stack moderno + IA bien aplicada = producto robusto, mantenible y escalable sin equipo grande detras.
Honestidad ante todo: este es un producto propio en fase de validacion, no un cliente pagador. La cifra de "~200 alumnos" es estimacion (uso del link compartido con companeros del curso y redes de apoderados). Los aprendizajes de arquitectura y operacion son lo que aplicamos hoy a clientes externos.
El punto de partida

Por que el material escolar digital no funciona.

Antes de escribir una linea de codigo, observamos como estudia una nina de 2° basico y como prepara material una profesora. Estos son los cuatro dolores que encontramos — los mismos que justifican el proyecto.

1

El material es estatico PDFs, guias impresas y PPTs sin interaccion. Los chicos los miran 5 minutos, no hay refuerzo, no hay retencion. Una semana despues no recuerdan nada.

2

Profes pierden horas armando material Kahoot por aqui, PPT por alla, imagenes de Google, audios grabados con el celular. Una unidad bien armada se va facilmente 4-6 horas, y al cambiar de tema toca rehacer.

3

Apps educativas chilenas son genericas O bien apps gigantes (Duolingo, Khan) con contenido global, o apps locales mal mantenidas. Cero mascota propia, cero voz cinematografica, cero curaduria curricular chilena.

4

Cero seguimiento individual La profe no sabe que alumno se trabo con que region. Los padres no saben que esta aprendiendo el nino esa semana. Al final cada uno actua a ciegas.

Lo que construimos

Cuatro capas, cero deuda tecnica.

Cada capa entra en produccion validada y mantenida por su cuenta. El feedback entre capas lo dieron las propias hijas del autor — testeando en frio y diciendo "esto es aburrido, esto me gusto". Iteramos hasta que enganche.

CAPA 01 Contenido Multi-asignatura

Estructura curricular DEMRE: lenguaje, matematicas, ciencias, historia, geografia

Diseñamos una estructura de datos curricular que sigue el plan oficial chileno: nivel (curso) → asignatura → unidad → objetivos de aprendizaje → preguntas. Cada unidad se carga via JSON sin tocar codigo. El motor sirve igual de bien una clase de geografia (las 16 regiones) que una de matematicas (sumas, fracciones) o lenguaje (comprension lectora).

JSON curricular SVG interactivo Mobile-first

Resuelve: reemplaza la guia de papel y la fotocopia por contenido vivo que responde al tacto.

CAPA 02 Engagement Mascota & quiz

Chinchi, la mascota chinchilla + sistema de quiz con XP y racha

Disenamos Chinchi: una chinchilla animada que acompana al alumno en cada asignatura. Tiene estados (idle, hablar, celebrar, triste, trofeo) hechos como animaciones CSS sobre SVG, sin librerias pesadas. Quiz de 4 alternativas con puntaje XP, racha diaria, sonido de acierto y mascota celebrando con salto + drop-shadow dorado. El mismo motor sirve para todas las asignaturas.

SVG anim CSS keyframes JS vanilla Web Audio API

Resuelve: aparece el factor diversion — sin mascota, los chicos cierran la app a los 3 min.

CAPA 03 Voz IA ElevenLabs

Voz cinematografica para todas las unidades del programa

Pregeneramos audios MP3 con voz Jessica v3 de ElevenLabs (espanol latino, tono carinoso) para cada objetivo de aprendizaje, cada feedback y cada explicacion de cada asignatura. Audios servidos como archivos estaticos desde Vercel CDN — latencia minima, costo recurrente cero. El alumno oye una voz consistente que lo acompana desde lenguaje hasta matematicas, no TTS del sistema operativo. Patron de slugs para evitar colisiones y pregeneracion de strings cortos.

ElevenLabs API Python pipeline MP3 estatico CDN edge

Resuelve: calidad de audio nivel pelicula. Los alumnos asocian la app con experiencia premium.

CAPA 04 Operacion PWA & multi-perfil

PWA installable + Firebase con seguimiento por alumno y dashboards

Manifest.json, favicons en 5 tamanos, theme color y service worker. El alumno instala Chinchi como app nativa en tablet o celular sin pasar por App Store. Firebase guarda perfil por alumno (multi-nino mismo dispositivo), XP acumulado por asignatura, unidades dominadas, racha diaria y tiempo invertido. Arquitectura preparada para multi-tenant: cada colegio sus propios alumnos aislados, dashboards por profesor y vista institucional para direccion / UTP.

PWA Service Worker Firebase Firestore Rules Multi-tenant Vercel

Resuelve: persistencia, multi-perfil, descarga al home screen y escalabilidad institucional desde dia uno.

Stack utilizado
HTML/CSS/JS vanilla Firebase ElevenLabs SVG + Rive PWA installable Web Audio API Vercel Claude IA
Como se ve

Chinchi en pantalla.

Una vista simplificada de la PWA en uso. La misma mecanica funciona para cualquier asignatura del programa DEMRE: el mockup abajo muestra una unidad de geografia (regiones de Chile), pero igual de bien sirve para una clase de lenguaje, matematicas, ciencias o historia.

Region del Libertador General Bernardo O'Higgins. Su capital es Rancagua y es famosa por sus vinedos y por la mina El Teniente.
¿Cual es la capital de la Region de O'Higgins?
San Fernando
Rancagua
Santa Cruz
Resultados medidos

Lo que entrego este caso, en numeros.

Cifras tecnicas y operativas. Algunas son medidas duras (commits, archivos, performance) y otras son estimaciones declaradas con su rango. Donde hay duda, lo decimos.

48 h Idea a produccion Dos jornadas de trabajo enfocado con Claude IA como par programador. URL viva al final del segundo dia.
16 regiones Cobertura nacional XV Arica y Parinacota hasta XII Magallanes. Datos curados manualmente y validados con material curricular de 2° basico.
~200 alumnos Uso estimado Companeros del curso de las hijas + redes de papas. Estimacion: el link es publico, no hay analytics atado a perfil individual.
100% PWA Installable mobile + desktop Manifest valido, service worker basico, iconos en 5 tamanos. Funciona offline una vez instalada.
0 backend Custom code Firebase como BaaS para auth, perfiles y XP. Cero servidor que mantener, cero factura mensual mientras el uso sea bajo.
9.990 CLP Precio target SaaS profe Plan en validacion con docentes. Incluye 30 alumnos, 4 unidades tematicas al mes y seguimiento individual.
Antes vs despues

Profe armando material vs profe usando Chinchi.

El delta concreto en cada paso del flujo de preparacion y entrega de material. Esta es la propuesta que estamos llevando a docentes de basica para validacion.

Proceso Antes Con Chinchi
Preparar unidad 4-6 horas armando PPT + Kahoot + imagenes Manda PDF del tema, recibe app interactiva personalizada con seguimiento por alumno
Material entregado PDF / PPT estatico PWA installable con mascota, voz y quiz
Tiempo de atencion del nino 5 minutos y se aburre 15-20 min jugando, vuelve solo al dia siguiente
Retencion Olvido a la semana Racha diaria + quiz refuerzan memoria
Seguimiento Cero. Profe no sabe quien fallo donde Dashboard con XP y errores por alumno
Calidad del audio Voz del profe grabada en el celular Voz cinematografica IA, tono carinoso consistente
Acceso Archivo en correo o WhatsApp del grupo Link unico, installable como app en el home screen
En sus palabras

El autor lo cuenta asi.

Empezo siendo un proyecto familiar. Mi hija mayor estaba peleando con los contenidos de basica en guias de papel y queria probar si podia armar algo mejor con stack moderno + IA bien aplicada. Lo subi a Vercel y se lo pase a las hijas. Al poco tiempo lo habian compartido con sus companeras del curso y empezaron a llegar mensajes de mamas pidiendo el link. Ahi entendi que no era solo un proyecto familiar, podia ser un producto. Hoy lo estoy validando con profesores y colegios antes de cerrar el SaaS completo — multi-tenant, dashboards institucionales y todas las asignaturas del programa.

NP
Nicolas Perez Z. · Rumbo Pro Autor de Chinchi.Lab · producto propio en validacion
Linea de tiempo

De idea a SaaS, en hitos.

El camino de Chinchi.Lab desde el papel hasta el plan de validacion comercial. Estamos hoy entre el hito 3 y el hito 4.

Origen Proyecto familiar Hijas peleando con guias de papel de basica. Decision: armar algo mejor con stack moderno + IA bien aplicada.
MVP PWA en produccion URL viva, mascota animada, voz IA cinematografica y quiz funcionando. Compartido con companeros del curso.
Validacion Pilotos con profes Conversaciones con docentes de basica. Pregunta clave: pagarian 9.990 CLP/mes por su contenido curricular?
Escala SaaS multi-tenant + colegios Arquitectura preparada para vender a colegios completos (800+ alumnos) con dashboards UTP/direccion. Planes desde CLP 400.000/mes.
Hacia donde va Chinchi

Una arquitectura, tres productos curriculares.

El contenido sigue el programa del DEMRE. La misma arquitectura tecnica que valida hoy en 2° basico escala a toda la basica, enseñanza media y preparacion preuniversitaria sin reescribir el motor.

FASE 1 · EN VIVO

Chinchi Basica

1° a 8° basico · piloteado en 2°

  • Lenguaje, matematicas, historia, ciencias y geografia
  • Mascota Chinchi guia la sesion con voz cinematografica
  • Quiz por unidad, racha diaria, seguimiento por alumno
  • Pensado para uso en casa (papas) y en sala (profes)
Producto vivo · chinchi-lab.vercel.app
FASE 2 · PROXIMO

Chinchi Media

1° a 4° medio

  • Mismo motor — contenido y dificultad ajustados al nivel
  • Modulos por asignatura del plan comun MINEDUC
  • Modo "ensayo" para preparar pruebas internas y SIMCE de 8°
  • Vista profesor con avance del curso completo
En diseño
FASE 3 · LINEA PREMIUM

Chinchi Preu

Preparacion PAES

  • Banco de preguntas tipo PAES — comprension lectora, M1, M2, ciencias, historia
  • Ensayos cronometrados con correccion automatica
  • Plan personalizado segun debilidades detectadas en el quiz
  • Reporte semanal para apoderado y/o preuniversitario
Roadmap 2026-2027

El mismo equipo, la misma plataforma. Si tu colegio, preuniversitario o editorial quiere ser parte temprana de Chinchi Media o Preu, conversemos: escribenos por WhatsApp.

Lo que aprendimos · replicable

Por que este caso vale mas que sus numeros.

Chinchi prueba un patron operativo que despues replicamos en proyectos pagados. Estos seis aprendizajes son los que usamos hoy con cualquier idea nueva — tuya o nuestra.

01

Eficiencia operativa > tiempo de delivery. Con IA bien aplicada y stack moderno, validamos hipotesis en produccion real desde la primera semana. No nos quedamos meses construyendo MVPs en el escritorio que despues nadie usa.

02

Vanilla supera a framework para productos chicos. HTML/CSS/JS sin React ni build pesado: cero deploy hell, todo cabe en la cabeza, no se pudre con cambios de version. Solo eliges framework cuando el equipo o la escala lo justifican.

03

BaaS > backend custom hasta que demuestres traccion. Firebase resuelve auth, DB y reglas en horas. Cuando el cliente pague suficiente para justificar un backend propio, ya tienes datos para disenarlo bien.

04

La voz IA cambia la percepcion de calidad mas que cualquier otra feature. Un PDF + audio TTS suena a tarea. Un PDF + voz Jessica v3 suena a Netflix infantil. La diferencia de costo es minima, la diferencia de percepcion es enorme.

05

Construir antes de vender es regalarte fricciones. Por eso ahora vamos a validar con 5 profes antes de invertir 200+ horas en el SaaS. Lo construido hasta hoy es la herramienta de venta, no el producto final.

06

Replicable a otros verticales sin tocar el patron. El mismo molde (mapa + mascota + audio IA + quiz + PWA) sirve para matematicas, historia, ciencias o ingles. Cambian datos, no arquitectura. Eso es lo que abre la oportunidad SaaS.

¿Tienes una idea de app educativa, herramienta interna o producto digital?

Operacion agil, stack moderno y arquitectura escalable desde el dia uno. Conversemos 30 minutos y te decimos si tu idea calza con lo que sabemos construir — sin compromiso.