Frontend
01- HTML5 semántico
- CSS3 puro (variables, keyframes, glassmorphism)
- JavaScript vanilla
- Grid layout responsive + media queries
JavaScript · Procesamiento de lenguaje
Visitar GiChat GiChat
Landing page con chatbot de detección de intenciones construido completamente desde cero en JavaScript puro, sin APIs externas ni modelos de lenguaje. Utiliza coincidencias de palabras clave ponderadas para interpretar cada mensaje.
Tecnologías
Stack técnico
Una implementación ligera construida con tecnologías web nativas, sin frameworks ni dependencias innecesarias.
Tipografía
02- Google Fonts
- Cormorant Garamond (display / títulos)
- Jost (cuerpo de texto)
Formulario
03- Formspree (backend de envíos)
- Sin servidor propio
- Sin dependencias adicionales
Deploy
04- Vercel
- Sin frameworks ni librerías externas
Cómo funciona el chatbot
01
Normalización
El mensaje se convierte a minúsculas, se eliminan tildes y puntuación con RegEx y la API nativa normalize('NFD').
02
Base de conocimiento
El texto normalizado se compara contra intents estructurados — cada uno con keywords, respuestas posibles y acciones opcionales.
03
Puntuación ponderada
Cada intent recibe un score según coincidencias y longitud de keywords. Las keywords multi-palabra pesan más. Gana el de mayor puntaje.
04
Fallback contextual
Si ningún intent supera el umbral mínimo, el bot responde con un fallback contextual en lugar de un error genérico.
05
Respuestas variadas
Las respuestas se eligen aleatoriamente dentro de un array por intent, dando variedad natural a la conversación.
06
Acciones asociadas
Ciertos intents disparan acciones — detectar intención de contacto hace scroll automático al formulario.
Resultado
Lo que demuestra
Lógica de procesamiento de lenguaje sin APIs externas ni modelos de IA
Construcción dinámica del DOM — widget modular y reutilizable
CSS avanzado: glassmorphism, animaciones y diseño responsive puro
Arquitectura de chatbot escalable basada en intents ponderados
Integración de servicios externos (Formspree) sin backend propio