PathFinderAI
Generador de Rutas de Aprendizaje
Adrián Gómez Izquierdo DAW 2A
¡Vamos!
Índice
Arquitectura del Sistema
Stack Tecnológico ArquitecturaDatosInterfaz UI/UX
Implementación y Cierre
Motor de IAFuncionalidadesConclusiones
Contexto del Proyecto
JustificaciónObjetivosMarco Legal
Contexto del Proyecto
Justificación y Motivación
- Resuelve la fragmentación de información y el tiempo excesivo perdido en la búsqueda de conceptos iniciales.
- Actúa como un "profesor digital" que filtra calidad y establece una jerarquía coherente de temas.
- Motivación centrada en fomentar el aprendizaje autodidacta mediante una visualización clara del "mapa completo".
Diferenciación en el Sector EdTech
Objetivos
Interacción
Manipulación del Lienzo
Estética Visual
Notas y Recursos de Aprendizaje
Motor IA
Estructura coherente
Entorno
Compatible
Almacenamiento Robusto
Progreso de Estudio
Seguro
Fiable
Marco Legal y Estándares de Calidad
- Cumplimiento estricto del RGPD y LOPDGDD, garantizando el alojamiento de datos en territorio europeo.
- Accesibilidad WCAG 2.1 nivel AA: navegación por teclado y contrastes validados con Tailwind CSS.
- Transparencia ética en el uso de IA y cláusula de exención de responsabilidad sobre el contenido genérico.
Arquitectura del Sistema
Tecnologías Utilizadas
Frontend
React 18: Gestión eficiente del Virtual DOM.
React Flow 11: Motor de grafos interactivos.
Tailwind CSS: Estilos responsivos.
Backend
Node.js 20: Procesamiento asícrono
Express: Enrutamiento, Endpoints y logica de Proxy API.
Base de Datos
PostgreSQL 16: Modelo híbrido (Relacional + JSONB)
Supabase: BaaS integral para autenticación y RLS
Inteligencia Artificial
Google Gemini API: Motor LLM avanzado.
Uso: Generación de mapas de aprendizaje en formato JSON
Arquitectura
Datos
Diseño UI/UX
Implementación y Cierre
Motor IA
Asincronía
Validación
Prompt Engineering
Herramientas de Edición e Interacción
Algoritmo Auto-Layout (Dagre JS) para la organización jerárquica automática de los nodos en un clic.Portabilidad de datos: Funcionalidad para exportar mapas en PNG e importar/exportar en formato JSON. Control de cámara interactivo con límites de escala para garantizar la legibilidad en mapas extensos. Creación, eliminación y edición de nodos (CRUD), permitiendo la personalización total del usuario sobre el mapa.
Módulo Pedagógico y Validación
Examen
Generación automática de exámenes tipo test de 3 preguntas para validar el conocimiento en cada nodo.
Recursos
Integración de recursos fiables mediante enlaces directos a YouTube y Wikipedia (API OpenSearch).
Notas
Sistema de notas personales por nodo que permite centralizar el conocimiento del estudiante.
Cierre y Evolución del Proyecto
Integración exitosa del motor generativo con un tiempo de respuesta optimizado y persistencia híbrida en PostgreSQL validada al 100%.
Metas Alcanzadas
Evolución
- Modo colaborativo en tiempo real
Gracias
pathfinderai-beryl.vercel.app
Mapa interactivo, seguimiento de progreso real por horas.
Entrega en texto plano sin interactividad
Solo temas tecnológicos, sin flexibilidad para cualquier tema
PATHFINDERAI
Adrian Gomez
Created on May 25, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Winter Presentation
View
Hanukkah Presentation
View
Vintage Photo Album
View
Nature Presentation
View
Halloween Presentation
View
Tarot Presentation
View
Vaporwave presentation
Explore all templates
Transcript
PathFinderAI
Generador de Rutas de Aprendizaje
Adrián Gómez Izquierdo DAW 2A
¡Vamos!
Índice
Arquitectura del Sistema
Stack Tecnológico ArquitecturaDatosInterfaz UI/UX
Implementación y Cierre
Motor de IAFuncionalidadesConclusiones
Contexto del Proyecto
JustificaciónObjetivosMarco Legal
Contexto del Proyecto
Justificación y Motivación
Diferenciación en el Sector EdTech
Objetivos
Interacción
Manipulación del Lienzo
Estética Visual
Notas y Recursos de Aprendizaje
Motor IA
Estructura coherente
Entorno
Compatible
Almacenamiento Robusto
Progreso de Estudio
Seguro
Fiable
Marco Legal y Estándares de Calidad
Arquitectura del Sistema
Tecnologías Utilizadas
Frontend
React 18: Gestión eficiente del Virtual DOM.
React Flow 11: Motor de grafos interactivos.
Tailwind CSS: Estilos responsivos.
Backend
Node.js 20: Procesamiento asícrono
Express: Enrutamiento, Endpoints y logica de Proxy API.
Base de Datos
PostgreSQL 16: Modelo híbrido (Relacional + JSONB)
Supabase: BaaS integral para autenticación y RLS
Inteligencia Artificial
Google Gemini API: Motor LLM avanzado.
Uso: Generación de mapas de aprendizaje en formato JSON
Arquitectura
Datos
Diseño UI/UX
Implementación y Cierre
Motor IA
Asincronía
Validación
Prompt Engineering
Herramientas de Edición e Interacción
Algoritmo Auto-Layout (Dagre JS) para la organización jerárquica automática de los nodos en un clic.Portabilidad de datos: Funcionalidad para exportar mapas en PNG e importar/exportar en formato JSON. Control de cámara interactivo con límites de escala para garantizar la legibilidad en mapas extensos. Creación, eliminación y edición de nodos (CRUD), permitiendo la personalización total del usuario sobre el mapa.
Módulo Pedagógico y Validación
Examen
Generación automática de exámenes tipo test de 3 preguntas para validar el conocimiento en cada nodo.
Recursos
Integración de recursos fiables mediante enlaces directos a YouTube y Wikipedia (API OpenSearch).
Notas
Sistema de notas personales por nodo que permite centralizar el conocimiento del estudiante.
Cierre y Evolución del Proyecto
Integración exitosa del motor generativo con un tiempo de respuesta optimizado y persistencia híbrida en PostgreSQL validada al 100%.
Metas Alcanzadas
Evolución
Gracias
pathfinderai-beryl.vercel.app
Mapa interactivo, seguimiento de progreso real por horas.
Entrega en texto plano sin interactividad
Solo temas tecnológicos, sin flexibilidad para cualquier tema