Entre Líneas: El Análisis Poético Reimaginado
¿Y si analizar poesía pudiera ser tan intuitivo como leer tus letras favoritas en Genius?
Entre Líneas es una aplicación web moderna que transforma el análisis de poesía española en una experiencia interactiva y envolvente. Construida para estudiantes, profesores y amantes de la literatura, combina análisis literario profundo con patrones de UX contemporáneos.
- React 19Stack moderno
- TanStack StartFramework SSR
- TypeScriptTipado de extremo a extremo
El Reto
Las herramientas tradicionales de análisis poético son documentos PDF desactualizados, webs estáticas sin interactividad, o plataformas académicas que parecen de los años 2000. Estudiantes y profesores merecen algo mejor: necesitan herramientas modernas e intuitivas que hagan el análisis literario accesible y atractivo.
La Solución
Entre Líneas lleva el análisis poético a la era web moderna con una aplicación renderizada en servidor completamente interactiva, construida con un stack moderno. Es un proyecto personal que fusiona 2 de mis aficiones y resuelve un problema habitual que encontré al estudiar literatura.
Funcionalidades Principales
- Análisis verso a verso con figuras retóricas identificadas
- Contexto histórico y biografías de autores
- Resaltados interactivos - haz clic en cualquier figura para ver los versos relacionados
- Totalmente responsive - de móvil a escritorio
- Búsqueda instantánea con filtrado en tiempo real
- Modo oscuro en toda la aplicación
Diseño y Experiencia de Usuario
Inicio: Tu Biblioteca Poética
La página de inicio presenta los poemas como tarjetas hermosas y escaneables. Cada tarjeta muestra el título del poema, el autor, la época y una vista previa de métricas como número de versos y figuras retóricas.


Filtrado y Ordenación Inteligente
Filtra poemas por autor, época o movimiento literario. Ordena por título, fecha o número de versos. Todo se actualiza en tiempo real.
Experiencia de Lectura
El Diseño de Tres Columnas
Los usuarios de escritorio tienen una potente interfaz de tres columnas optimizada para el análisis profundo:
- Barra lateral izquierda: Navegación de poemas y acciones rápidas
- Centro: El poema con anotaciones de verso interactivas
- Barra lateral derecha: Panel de análisis con contexto, figuras y métricas
Anotaciones Interactivas
Pasa el cursor sobre cualquier verso para ver tooltips contextuales con información instantánea sobre figuras retóricas, notas históricas o definiciones de vocabulario.
Resaltado de Figuras Retóricas
Haz clic en cualquier figura retórica del panel de análisis y observa cómo todos los versos relacionados se iluminan en el poema. Esto crea conexiones visuales que hacen intuitiva la comprensión de recursos literarios complejos.
Diseño Mobile-First
Diseños Responsive
En móvil, el diseño de tres columnas se transforma en una vista de columna única simplificada con paneles colapsables. El panel de análisis se convierte en un cajón que se desliza desde abajo.



Modo de Lectura
Activa el Modo de Lectura para eliminar todas las distracciones de la UI y concentrarse puramente en la poesía. Perfecto para sesiones de lectura profunda o presentaciones en clase.

Funcionalidades Avanzadas
Acordeones de Contexto
Cada poema incluye secciones expandibles con contexto enriquecido: trasfondo histórico, biografía del autor, movimiento literario y análisis temático.
Barra de Acciones e Interacciones
- Poemas favoritos con una deliciosa animación de like
- Compartir directamente usando la API Web Share nativa
- Atajos de teclado para usuarios avanzados
Filtrado Inteligente
Aplica múltiples filtros simultáneamente: combina autores, épocas y movimientos literarios para encontrar exactamente lo que necesitas.


Conclusión
Entre Líneas representa la intersección de la literatura y la tecnología web moderna. Aplicando patrones de UX contemporáneos al análisis de poesía clásica, demuestra cómo las herramientas digitales pueden mejorar en lugar de reemplazar el aprendizaje tradicional.
El proyecto muestra excelencia técnica a través de la optimización del rendimiento, la seguridad de tipos y la accesibilidad, manteniendo el foco en la experiencia de usuario y el valor educativo.
Enlaces