Este proyecto no comenzó con un gran plan. Surgió de algo pequeño y real. Estaba viendo a un niño de un familiar aprender programación en C — asistiendo a sus clases, revisando sus tareas — y seguía pensando: esta forma de aprender se siente anticuada. El profesor da clases magistrales desde el libro de texto, los estudiantes toman notas y hacen ejercicios. No es completamente inútil, pero rara vez ayuda a alguien a desarrollar pensamiento computacional real.

Lo Que Realmente Noté

El problema real no era que los estudiantes no pudieran encontrar respuestas. Era que:

Se quedaban mirando un fragmento de código sin tener idea de lo que hacía cada línea
Lo leían una vez, sentían que lo entendían, pero no podían explicar cómo se conectaban las cosas
Más importante aún, no sabían qué problema estaba resolviendo realmente el código

Todo lo que aprendían estaba fragmentado. Seguía volviendo a un pensamiento:Aprender no se trata de coleccionar puntos — se trata de conectarlos.

Ahí es donde comenzó Tutor.

https://tutor.artdance.net/

2. Cómo Lo Construí, Paso a Paso

2.1 Comenzando Con un Explicador de Código Simple

La idea inicial era muy simple: pegar un código, y en lugar de obtener un resumen vago, ver lo que realmente hace cada línea y por qué está escrito de esa manera.

Así que la primera característica principal de Tutor fueexplicación línea por línea. Detecta automáticamente más de una docena de lenguajes de programación y viene con ejemplos clásicos de C/C++ — ordenamiento burbuja, listas enlazadas, búsqueda binaria — listos para analizar con un solo clic.

2.2 Explicar No Era Suficiente

Entender algo una vez no significa que lo hayas aprendido. Así que añadí tres cosas:

Preguntas y respuestas de seguimiento— toca cualquier línea y sigue haciendo preguntas sobre ella. La IA responde con contexto completo, así que nunca tienes que volver a explicar los antecedentes.Análisis de forma libre— pega cualquier fragmento de código para análisis y discusión por separado.

Ejercicios de práctica— preguntas de opción múltiple, completar espacios en blanco y codificación generadas automáticamente basadas en el código actual. ¿Necesitas más? Solo presiona "generar más".

Con esto en su lugar, finalmente comenzó a sentirse como una herramienta de aprendizaje.

2.3 Haciendo que el Conocimiento Crezca por Sí Mismo

Incluso con explicaciones, preguntas y respuestas, y ejercicios, todo todavía se sentía como bloques aislados de información. Lo que realmente quería era una sensación deconocimiento creciendo orgánicamente.

Así que construí elLienzo de Conocimiento— un grafo de conocimiento interactivo, expandible infinitamente. La IA extrae conceptos centrales de tu código y los mapea como nodos conectados. Puedes "explorar" cualquier nodo para descubrir conceptos relacionados, "expandirlo" para generar subtemas, o hacer preguntas directamente en un nodo.

Antes de que te des cuenta, miras atrás y has cultivado tu propio mapa de conocimiento.

El Código Necesita Ejecutarse, No Solo Leerse

Una parte clave de entender el código es verlo ejecutarse. Así que integré ejecución de código en línea compatible con C, C++, Python, Java, y más de una docena de otros lenguajes. Los usuarios pueden ejecutar código, ingresar datos y ver el resultado directamente en la página. Cada ejecución se guarda, y puedes preguntarle a la IA sobre cualquier resultado de ejecución específico.

Ejecútalo primero → lee el análisis → haz preguntas de seguimiento → haz práctica. Ese flujo se siente mucho más natural que solo leer explicaciones.

2.5 Por Qué el Proceso de Construcción Fue Tan Fluido

Todo el proceso fue mucho más fluido de lo que esperaba, en gran parte porque la plataforma Enter manejó gran parte del trabajo pesado.

Componentes de interfaz de usuarioestaban listos para usar desde el primer momento.
Elementos esenciales del backend— autenticación de usuarios, almacenamiento en base de datos, seguridad a nivel de fila — todo llegó a través de la integración incorporada de Supabase.
**El acceso a modelos de IA estaba unificado:**DeepSeek, Claude, GPT, Gemini, Doubao — sin necesidad de solicitar claves y adaptarse a cada API por separado. Simplemente escribe una Edge Function y llámala.

Así que en lugar de pasar semanas en infraestructura, pude enfocarme desde el primer día en lo que realmente importaba: ¿son las explicaciones lo suficientemente claras? ¿Se conectan los puntos de conocimiento? ¿Se siente bien la ruta de aprendizaje?

3. Cómo usar Tutor

3.1 Comienza desde cualquier lugar

**¿Tienes código?**Pégalo, presiona "Iniciar Análisis"
**¿No tienes código?**Usa IA para generar algo, luego llénalo en el editor con un clic
**¿Solo navegando?**Toca un ejemplo predefinido — verás un análisis completo en dos segundos

3.2 Es una ruta de aprendizaje, no una página de características

Una vez dentro, los usuarios naturalmente siguen una ruta:

Ejecutar el código para tener una idea de lo que hace
Leer el análisis línea por línea
Hacer preguntas de seguimiento sobre cualquier cosa que no esté clara
Hacer ejercicios de práctica para confirmar la comprensión
Abrir el Lienzo de Conocimiento y explorar hacia afuera

Cada paso — resultados de ejecución, conversaciones, puntuaciones de ejercicios, gráficos de conocimiento — se guarda automáticamente. Regresa en cualquier momento y continúa justo donde te detuviste.

4. Mirando hacia atrás: De qué se trata realmente

Mirando hacia atrás, Tutor es un explicador de código en la superficie. Pero lo que realmente está haciendo es ayudar a las personas acomenzar desde un fragmento de código y conectar conocimiento disperso en algo completo.

Pegar código → ejecutarlo → entender línea por línea → hacer preguntas más profundas → practicar → abrir el Lienzo de Conocimiento → seguir un nodo al siguiente → ver el mapa crecer en el tuyo propio.

Esto funciona por dos cosas. Primero, el diseño del producto — explicación, preguntas y respuestas, práctica y lienzo no son características aisladas; forman una ruta de aprendizaje continua. Segundo, la base que Enter proporciona — UI, base de datos, modelos de IA, despliegue — me permitieron poner toda mi energía en "¿la experiencia de aprendizaje es realmente buena?" en lugar de luchar con la infraestructura.

De vuelta a ese pensamiento original:Aprender no se trata de coleccionar puntos — se trata de conectarlos.

Eso es lo que hace Tutor. Ayuda a pavimentar ese camino. Así que el código no es solo algo que has "visto" — es algo que has entendido, conectado y hecho tuyo.