Aplicación web interactiva que permite resolver problemas matemáticos dibujados en un canvas. El usuario puede escribir ecuaciones, crear formas, graficar funciones X/Y, seleccionar áreas del lienzo y enviar la captura al backend para que Gemini interprete el problema y genere una respuesta visual, movible y organizada.
Una lectura rápida del contexto, la solución construida y la evidencia que permite evaluar el impacto real del proyecto.
Resolver ejercicios matemáticos desde dibujos normalmente obliga al usuario a escribir fórmulas exactas o usar editores poco naturales. El reto era permitir que el usuario planteara problemas como lo haría en una libreta: escribiendo datos, dibujando figuras, marcando incógnitas y dejando que la IA interpretara el contexto visual.
Se construyó una interfaz basada en canvas con herramientas de dibujo, borrador parcial, selección por zona, formas rápidas, gráficas X/Y y tarjetas de respuesta independientes. El backend recibe una captura optimizada del área útil, procesa la imagen con Gemini y devuelve respuestas estructuradas que el frontend presenta como tarjetas movibles, expandibles y fijables.
La aplicación permite demostrar resolución de sistemas 2x2, 3x3, problemas de sombra, alcance entre autos y análisis de gráficas. El flujo reduce fricción, evita enviar todo el canvas cuando no es necesario y mejora la lectura al separar dibujos, resultados y controles.
Sistemas lineales, problemas geométricos, movimiento relativo y gráficas.
Separación real entre interfaz, API, almacenamiento y servicios externos utilizados en el proyecto.
Calculadora visual con inteligencia artificial construida para resolver ejercicios matemáticos desde dibujos y anotaciones manuales. El frontend ofrece un canvas interactivo con herramientas de dibujo, borrador, selección por área, deshacer/rehacer, creación rápida de formas, gráficas X/Y y tarjetas de respuesta que pueden moverse, fijarse, copiarse, expandirse o colapsarse. El backend procesa la imagen con Gemini, devuelve resultados estructurados y maneja errores de API, estado del servicio y límites de uso para evitar sobrecarga.
Secciones reales del proyecto con decisiones técnicas, procesos y fragmentos de código destacados.