Portafolio

Producto vivo · Freemium · Web + Android

El problema

Los lectores en español carecen de una herramienta nativa que combine descubrimiento personalizado, acceso a literatura clásica y rutas de lectura curadas, sin depender de plataformas genéricas en inglés con recomendaciones poco contextualizadas.

La solución

Una SPA en JavaScript vanilla con motor de recomendaciones semántico por estado de ánimo, chat de IA conversacional, lector de clásicos integrado y más de 200 listas y rutas literarias pre-renderizadas para SEO. Disponible en web y como app nativa Android.

Stack tecnológico

Arquitectura multi-superficie

Un único repositorio despliega simultáneamente en tres superficies: Vercel (archivos estáticos + funciones serverless), Firebase Hosting (con rewrites y Cloud Functions) y Android (los mismos assets HTML/CSS/JS envueltos en WebView via Capacitor).

JavaScript vanilla a escala, con módulos desacoplados y responsabilidades claras: estado global, motor de renderizado DOM, clientes de API, chat IA, motor de recomendaciones, autenticación y billing como capas independientes.

Funcionalidades principales

• Motor de recomendaciones semántico: 6 estados de ánimo mapeados a clusters de tags, cruzados con más de 55 géneros en 5 niveles taxonómicos. Genera texto contextual personalizado para cada recomendación.
• LibrAI — Chat con IA: chatbot powered por GPT-4o-mini con personalidad literaria (evocador, culto, sin buzzwords), memoria de conversación y switching de contexto en tiempo real.
• Lector de clásicos integrado: más de 132 obras de dominio público procesadas con pipeline de normalización propio. Temas claro/oscuro/sepia, ajuste tipográfico y navegación por capítulos.
• Billing multiplataforma: Stripe en web, Google Play Billing en Android. La misma lógica freemium corre en ambas superficies sin condicionales en la capa de features.
• Estado premium en tiempo real: propagación vía custom events a todos los módulos suscritos. Sin polling. Sin Redux. Propagación en milisegundos.
• SEO engineering: 200+ listas y 50+ rutas pre-renderizadas como HTML estático. Sitemap dinámico actualizado por Cloud Scheduler. URLs estables como canal principal de adquisición orgánica.

Modelo de negocio

Decisiones técnicas destacadas

• Vanilla JS como principio: sin overhead de framework, archivos servidos directamente al browser, control total sobre rendering y estado. Demuestra que se puede construir un producto complejo sin abstracciones innecesarias.
• SEO-first architecture: las URLs son “sagradas”. Las páginas pre-renderizadas son el canal principal de adquisición orgánica; ningún cambio de URL sin análisis de impacto.
• Onboarding personalizado: cuestionario de 5 pantallas (mood / género / ritmo) antes de la primera recomendación, diseñado para reducir el time-to-value al mínimo.
• Integridad de fuentes literarias: disciplina explícita en el codebase sobre el uso exclusivo de fuentes primarias para citas (Wikisource ES, Cervantes Virtual, BNE) — decisión de producto no trivial frente a las alucinaciones de LLMs.

Lo que demuestra este proyecto

• Arquitectura disciplinada sin frameworks — JavaScript a escala en producción real
• Fullstack completo: SPA + serverless APIs + Cloud Functions + mobile nativo
• Billing multiplataforma con verificación server-side (Stripe + Google Play)
• SEO engineering: pre-rendering, sitemaps dinámicos, URLs estables como canal de negocio
• IA aplicada: chatbot con personalidad literaria + motor semántico de recomendaciones
• Producto en producción con usuarios reales, no un proyecto de demo

Desafíos técnicos superados