Want to create interactive content? It’s easy in Genially!

Get started free

PATHFINDERAI

Adrian Gomez

Created on May 25, 2026

Start designing with a free template

Discover more than 1500 professional designs like these:

Winter Presentation

Hanukkah Presentation

Vintage Photo Album

Nature Presentation

Halloween Presentation

Tarot Presentation

Vaporwave presentation

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

  • 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
  • Gamificación de logros
  • Soporte multiidioma

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