felipebriceno.cl

Qué es

Este mismo sitio. Un portafolio profesional que va más allá de lo estático — incluye un chatbot RAG que responde preguntas sobre mi trayectoria, proyectos y apps en tiempo real.

Chatbot RAG

El diferenciador principal: un asistente conversacional integrado que usa Claude Haiku 4.5 para responder preguntas sobre mí en español o inglés.

• Knowledge base inline — toda mi trayectoria, apps, posts de LinkedIn y charlas inyectadas como contexto
• Streaming SSE — respuestas en tiempo real, no batch
• Rate limiting — 10 requests/hora por IP para control de costos
• Prompt injection detection — regex patterns para bloquear intentos de manipulación
• DOMPurify — sanitización de output para prevenir XSS
• Respuestas concisas — bullets cortos, máximo 3-5 por respuesta

Diseño

• Estética futurista cyan/violeta sobre fondo oscuro
• Glassmorphism en navbar y cards
• Aurora gradient animado como fondo
• Full responsive (desktop, tablet, mobile)
• 6 temas tipográficos: Inter Tight, Instrument Serif, JetBrains Mono

Stack técnico

• Framework: Astro 5 con SSR (Node adapter)
• UI: React 19 para componentes interactivos (Chatbot)
• Estilos: Tailwind CSS 4 + CSS scoped por componente
• IA: Claude Haiku 4.5 (Anthropic API) con streaming
• Content: Markdown collections para blog y proyectos
• Seguridad: Middleware con CSP, HSTS, X-Frame-Options, DOMPurify
• SEO: Structured data JSON-LD, OG/Twitter meta, sitemap
• Deploy: Railway con Docker

Páginas

• Home — Hero, proyectos destacados, sección NOW, charla, redes sociales
• Proyectos — Case studies con rutas dinámicas
• Aplicaciones — 8 apps con highlights y stack
• Charla — “De la idea a la app en línea con Claude”
• Blog — Posts publicados con content collections
• Sobre mí — Trayectoria, stack, educación, certificaciones
• Contacto — Email, WhatsApp, redes sociales