Descubre artículos sobre inteligencia artificial, desarrollo de aplicaciones a medida y consejos prácticos de ingeniería de software. Aprende cómo la tecnología puede potenciar tus proyectos.

Repositorio oficial de cookie events en GitHub

Gestor de cookies ligero y basado en eventos para analizar, crear, actualizar y seguir cookies de forma sencilla y confiable en proyectos web modernos.

Instalacion

Para usar cookie events en Node instala el paquete con npm

npm install cookie-events

Como compilar cookie events

Clona el repositorio principal

git clone git://github.com/jsvibe/cookie-events.git

Formas de inclusion

Navegador mediante CDN copia la direccion y referenciala en tu etiqueta script src

https://cdn.jsdelivr.net/npm/cookie-events@1.0.0/lib/cookie.min.js

Tambien puedes incluir el archivo local cookie.js en tu proyecto

ESM importa el modulo cookie events y crea una instancia nueva de la clase para empezar a trabajar en tu app

Webpack Browserify Babel puedes importar el modulo en tus bundles modernos y crear una instancia igual que en ESM revisa la documentacion de cada herramienta para los detalles de configuracion

Metodos y funcionalidades principales

set crea o sobreescribe una cookie con atributos opcionales como expires path domain secure y SameSite con valores Strict Lax o None. Si pasas objetos o arreglos se serializan a JSON de forma automatica. Ejemplo crea la cookie theme con valor dark y fecha de expiracion en formato UTC.

getAll devuelve todas las cookies como objeto clave valor por ejemplo theme dark y user con un objeto id 1.

store expone el almacen interno de cookies util para depuracion e inspeccion.

param convierte las cookies a una cadena estilo query por ejemplo name igual John y age igual 30 lista para enviar en consultas.

get recupera el valor de una cookie por su clave y devuelve null si no existe.

update actualiza el valor y atributos de una cookie existente y lanza error si la clave no existe.

json convierte todas las cookies a una cadena JSON legible y portable.

UTC transforma una fecha personalizada a cadena en formato UTC lista para usarse en el atributo expires por ejemplo 2025-12-31 23:59:59 a su representacion UTC.

parse devuelve las cookies como lista de parejas clave valor por ejemplo theme dark y user con su objeto.

has verifica si existe una cookie con la clave indicada y retorna true o false.

remove elimina una cookie especifica asignando una expiracion en el pasado admite path y domain cuando corresponda.

clear borra todas las cookies de forma asincrona usando Cookie Store API. Requiere contexto seguro HTTPS y navegadores compatibles.

on registra escuchas basadas en eventos para reaccionar en tiempo real a cambios de cookies admite multiples tipos de evento separados por espacio y una funcion de retorno.

Eventos soportados

insert se agrego una cookie nueva

update se actualizo una cookie existente

delete se elimino una cookie

clear se limpiaron todas las cookies

change se dispara ante cualquier cambio de cookies

Buenas practicas y notas

Para atributos de seguridad considera usar secure en sitios servidos por HTTPS y SameSite Lax o Strict para reducir riesgos de CSRF. Cuando establezcas cookies de sesion en aplicaciones SPA y SSR define path acorde a tu estructura de rutas y limita domain cuando sea necesario. Si tu proyecto manipula datos sensibles complementa este gestor con auditorias de ciberseguridad y politicas de privacidad.

Integracion con flujos modernos

En aplicaciones que usan ESM o bundlers importa el modulo cookie events y centraliza la gestion de estado de cookies junto a tus stores de UI. El manejo por eventos permite desacoplar componentes y responder a inserciones actualizaciones y eliminaciones en tiempo real sin escribir logica repetitiva.

Licencia

MIT License 2025 Indian Modassir

Contribuciones

Se aceptan pull requests reportes de errores y sugerencias visita el repositorio de GitHub para contribuir

Ir al repositorio de cookie events

Sobre Q2BSTUDIO y como podemos ayudarte

En Q2BSTUDIO somos una empresa de desarrollo de software con foco en aplicaciones a medida software a medida y modernizacion de plataformas. Diseñamos soluciones web y mobile orientadas a rendimiento seguridad y escalabilidad integrando practicas de ciberseguridad servicios cloud aws y azure automatizacion de procesos y despliegues CI CD. Si buscas un equipo que construya tu producto digital de forma integral descubre nuestros servicios de aplicaciones a medida y software a medida.

Impulsa tu negocio con IA

Somos especialistas en inteligencia artificial para empresas implementando agentes IA analitica avanzada y modelos de lenguaje para automatizar tareas clasificar contenido y personalizar experiencias de usuario con cumplimiento y gobernanza. Desde IA para empresas hasta servicios inteligencia de negocio con power bi conectamos tus datos con resultados accionables. Conoce nuestras soluciones de inteligencia artificial y lleva tu producto al siguiente nivel.

Palabras clave estrategicas

aplicaciones a medida software a medida inteligencia artificial ciberseguridad servicios cloud aws y azure servicios inteligencia de negocio ia para empresas agentes IA power bi automatizacion de procesos

Cuando tus procesos son unicos, necesitas soluciones flexibles que se adapten a tu operativa. Diseñamos arquitecturas escalables, integraciones con ERP y CRM y experiencias multiplataforma. Descubre como nuestro desarrollo de aplicaciones y software a medida multiplataforma optimiza tiempos, mejora la calidad y aumenta la productividad con un enfoque centrado en el usuario y en resultados medibles.

IA para empresas que marca la diferencia. Desde agentes IA que atienden clientes 24x7 y automatizan tareas repetitivas hasta motores de recomendacion y analitica predictiva. Con IA generativa, NLP y vision por computador, creamos asistentes y flujos de trabajo que se conectan a tus datos y sistemas. Explora nuestra inteligencia artificial para empresas para escalar la toma de decisiones y la automatizacion de procesos con total gobernanza de datos.

Datos que impulsan accion. Con servicios inteligencia de negocio convertimos informacion dispersa en decisiones concretas mediante modelos semanticos, cuadros de mando en power bi, KPIs en tiempo real y analitica self service, todo con seguridad de nivel empresarial y control de acceso granular.

Ciberseguridad desde el diseño. Aplicamos marcos zero trust, cifrado y control de identidades y realizamos pruebas de ciberseguridad y pentesting para proteger aplicaciones, APIs y datos. Auditorias, cumplimiento normativo y respuesta ante incidentes reducen riesgos y refuerzan la resiliencia operativa.

Eficiencia en la nube. Diseñamos y operamos arquitecturas nativas con servicios cloud aws y azure, contenedores, serverless y pipelines DevOps. Observabilidad, infraestructura como codigo, gobernanza y optimizacion de costes aseguran rendimiento, seguridad y escalabilidad.

Caso practico. Una cadena minorista modernizo su operativa con una plataforma de pedidos a medida, un agente IA que prioriza tickets y tableros de power bi conectados a ventas y logistica. Resultado, menos tiempos de ciclo, mejores decisiones y clientes mas satisfechos.

Da el siguiente paso con Q2BSTUDIO. Solicita una sesion de descubrimiento para evaluar oportunidades, crear un roadmap y poner en marcha pilotos de alto impacto. Construyamos juntos soluciones a medida seguras, inteligentes y listas para crecer con aplicaciones a medida, ia para empresas, agentes IA y mucho mas.

Sitio en vivo: louise.codes Repositorio en GitHub: github.com/louiseka/portfolio

Preguntas para quien lea este artículo

Falta algo importante en mi portfolio

Es fácil de navegar

Qué opinas en general del sitio

Además, si tu empresa necesita apoyo tecnológico, en Q2BSTUDIO somos una empresa de desarrollo de software con foco en software a medida y aplicaciones a medida, especialistas en inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio y power bi. Creamos soluciones escalables, seguras y mantenibles, automatizamos procesos, diseñamos agentes IA y ofrecemos consultoría de arquitectura para acelerar la entrega de valor. También impulsamos la innovación con ia para empresas, integraciones con datos y analítica avanzada para tomar mejores decisiones con power bi.

Esta es una participación para el AI Agents Challenge powered by n8n y Bright Data en dev.to

MarketTel es un asistente de investigación de mercados de élite que transforma la forma en que las empresas obtienen inteligencia competitiva. En lugar de invertir semanas en búsquedas manuales o miles en consultoras, cualquier usuario puede conseguir en minutos un panorama completo del mercado conversando por Telegram. Desarrollado por Q2BSTUDIO, empresa de desarrollo de software y aplicaciones a medida, especialistas en inteligencia artificial, ciberseguridad, servicios cloud AWS y Azure, servicios de inteligencia de negocio y power bi, automatización de procesos y agentes IA para empresas.

Problema central que resuelve: la investigación de mercados tradicional es lenta con más de diez horas por solicitud, costosa con presupuestos que pueden ir de cinco mil a cincuenta mil, desactualizada por informes estáticos y de alcance limitado al depender de una única fuente con sesgos.

La solución MarketTel ofrece inteligencia instantánea con datos en tiempo real en menos de cinco minutos, especialización en seis áreas clave como competidores, influencers, productos, industrias, redes sociales e inversiones, análisis multifuente con verificación cruzada en más de treinta plataformas, insights accionables con proyecciones de ROI y una interfaz accesible mediante un bot de Telegram.

Demo disponible en Telegram @MarketTelAnalystBot

Casos de uso destacados. Uno investigación de influencers para una marca de belleza con presupuesto de 100 millones con selección de más de quince perfiles, proyección de retorno y plan de campaña. Dos análisis competitivo para la categoría de smartphones en un marketplace con posicionamiento, comparativa de precios y recomendaciones estratégicas. Tres investigación de inversión sobre la acción GOTO con análisis fundamental, indicadores técnicos, evaluación de riesgos y precios objetivo.

Workflow n8n disponible en GitHub Gist

Arquitectura. Usuario en Telegram interactúa con el agente de IA MarketTel que consulta Bright Data MCP para obtener datos web en tiempo real. La respuesta se genera con Gemini Pro y memoria tipo buffer para producir inteligencia estructurada lista para negocio.

Configuración del agente de IA. Modelo Google Gemini Pro por su capacidad analítica avanzada, amplia ventana de contexto y tiempos de respuesta rápidos. Rol analista senior de negocio con acceso a inteligencia de mercado. Metodología de cinco pasos que incluye recolección de datos, validación cruzada, análisis, hallazgos estratégicos y proyecciones de ROI. Salida en formato profesional con resumen ejecutivo, tablas o gráficos y recomendaciones accionables. Gestión de memoria con buffer para mantener contexto y permitir iteraciones y aclaraciones.

Integración de herramientas. Cliente MCP de Bright Data como herramienta principal. Más de treinta utilidades disponibles entre scraping web, monitorización de redes sociales, datos de ecommerce y finanzas, con acceso en tiempo real y cobertura global por regiones.

Nodo verificado de Bright Data. Integración con el servidor MCP en mcp.brightdata.com con transporte HTTP streamable para flujo de datos en vivo y autenticación mediante token.

Estrategia de uso. Recolección multifuente para análisis de competidores combinando marketplaces, sitios corporativos y redes sociales; investigación de influencers con métricas de Instagram, TikTok y YouTube; investigación de productos unificando retailers, reseñas y trackers de precio. Validación cruzada verificando mínimo tres fuentes, detectando discrepancias y asignando confianza a los hallazgos. Inteligencia en tiempo real con precios y stock para competir, métricas sociales actuales y datos financieros al día para el análisis de inversiones.

Capacidades clave aprovechadas. Búsqueda avanzada en Google, Bing y motores regionales. Datos de ecommerce como Amazon con precios y niveles de inventario. Analítica social en Instagram, TikTok y LinkedIn. Datos financieros con cotizaciones, fundamentales y tendencias. Agregación de contenidos con noticias, blogs e informes sectoriales.

Recorrido de desarrollo. Fase uno conceptualización en la primera semana. Fase dos implementación técnica y diseño del valor central, entrevistas a usuarios para identificar puntos de dolor, integración de n8n y del servidor MCP de Bright Data, y creación de prompts especializados para investigación de mercados. Fase tres mejora, pruebas y optimización con instrucciones de sistema más completas, metodología de validación multifuente, ajustes por escenarios diversos, correcciones de compatibilidad de parseo en Telegram, optimización del prompt para salidas más estructuradas e indicadores de carga para mejor experiencia.

Desafíos superados. Ingeniería de prompts para equilibrar profundidad y claridad con plantillas y metodología estructurada. Integración con Telegram evitando errores de formato al priorizar texto plano. Aseguramiento de calidad de datos con verificación cruzada y citación de fuentes, reforzando la transparencia. Comunicación de valor de negocio posicionando el agente como herramienta especializada con ROI cuantificado.

Lecciones clave. La especialización supera a la generalización. Los datos en tiempo real son ventaja competitiva gracias a los feeds de Bright Data. La experiencia de usuario simple reduce barreras, y Telegram es ideal para adopción. La calidad profesional de salida es crítica para usuarios de negocio. La verificación multifuente eleva la confianza en las recomendaciones de IA.

Próximos pasos. Incorporar generación de gráficos para visualización de datos. Programar informes periódicos de seguimiento. Integrar con Slack y Microsoft Teams. Visión futura con módulos sectoriales, analítica predictiva y forecasting, y una API para integración empresarial.

Impacto y valor. Para pequeñas empresas reemplaza consultorías costosas por inteligencia instantánea. Para startups habilita decisiones guiadas por datos sin grandes presupuestos. Para corporativos acelera ciclos de investigación de semanas a minutos. Beneficios cuantificados con reducción de tiempo del 95 pasando de diez horas a treinta minutos, reducción de coste del 90 con ejemplos de diez mil a mil al año, precisión en tiempo real frente a informes desfasados y disponibilidad 24x7 frente a horarios de oficina.

MarketTel representa el futuro de la investigación de mercados con información instantánea, precisa y accesible para negocios de cualquier tamaño. En Q2BSTUDIO combinamos software a medida, aplicaciones a medida y ia para empresas para crear soluciones reales. Si buscas elevar tus capacidades con agentes IA y modelos avanzados, conoce nuestra propuesta de inteligencia artificial y potencia tus decisiones con nuestros servicios de inteligencia de negocio y power bi. También ofrecemos ciberseguridad y pentesting, servicios cloud aws y azure y automatización de procesos con enfoque integral.

Construido con n8n y Bright Data MCP Server

Etiquetas sugeridas. MarketResearch, AI, BusinessIntelligence, n8n, BrightData, Automatizacion, Telegram, DataAnalysis, software a medida, aplicaciones a medida, ciberseguridad, servicios cloud aws y azure, ia para empresas, agentes IA, power bi

Somos una empresa de desarrollo de software que integra discovery de negocio, diseño centrado en el usuario, ingeniería de alto rendimiento y servicios de operación continua. Descubre cómo abordamos proyectos de aplicaciones a medida y software a medida con foco en valor incremental, transparencia y ritmo sostenible.

1. Inicio del proyecto: recopilamos requisitos con sesiones de descubrimiento, entrevistas y análisis de procesos; realizamos estudio de viabilidad técnica, económica y de riesgos; definimos alcance, objetivos y criterios de éxito; formalizamos el Project Charter con roles, hitos, presupuesto y gobierno del proyecto.

2. Planificación: descomponemos el trabajo con WBS para estimar con precisión; construimos cronograma y hitos realistas; planificamos recursos y capacidades del equipo; diseñamos la gestión de riesgos con planes de mitigación; cerramos presupuesto por fases y métricas de control; seleccionamos herramientas como Jira, Trello, Asana, ClickUp, GitHub, Slack y Notion.

3. Ejecución: realizamos kick off con objetivos, reglas y canales; fase de diseño UI UX con prototipos navegables y validación con usuarios; desarrollo iterativo con prácticas de calidad como revisiones de código, CI CD y pruebas automatizadas; aplicamos Agile Scrum con sprints, backlog priorizado y entregas frecuentes; reuniones diarias de seguimiento para desbloqueos rápidos; control de versiones con Git y GitHub.

4. Seguimiento y control: trazamos el avance en Jira o Trello con tableros de progreso y métricas de velocidad; aseguramos la calidad con QA Testing funcional, integración y rendimiento; integramos al cliente en ciclos de feedback y revisión de sprint; monitorizamos riesgos y aplicamos planes de contingencia; reportamos desempeño con indicadores de alcance, tiempo, coste y calidad.

5. Entrega y cierre: realizamos pruebas finales y UAT con criterios de aceptación; desplegamos en entornos productivos con control y observabilidad; formamos a usuarios y equipos de operación; entregamos documentación técnica y funcional, manuales y guía de soporte; obtenemos sign off formal; ejecutamos retrospectiva para capturar aprendizajes y mejorar el sistema de trabajo.

6. Soporte posterior: brindamos mantenimiento correctivo y preventivo, gestión de incidencias y nivel de servicio; evolucionamos el producto con nuevas funcionalidades y optimizaciones; monitorizamos la salud de la solución con métricas, alertas y observabilidad; reforzamos ciberseguridad con revisiones de configuración, hardening y pruebas periódicas; gestionamos escalabilidad y continuidad de negocio en la nube con servicios cloud AWS y Azure.

Valor diferencial Q2BSTUDIO: combinamos ingeniería y negocio para crear soluciones robustas y seguras, con foco en servicios inteligencia de negocio, power bi y analítica aplicada; incorporamos inteligencia artificial e ia para empresas mediante agentes IA, modelos predictivos y automatización de procesos; integramos ciberseguridad desde el diseño para minimizar riesgos y cumplir normativas.

Si buscas un socio que te acompañe de la idea a la entrega, con un proceso claro, ágil y medible, Q2BSTUDIO es tu equipo. Llevamos tu estrategia a producción con calidad, velocidad y seguridad, maximizando el retorno de inversión y la satisfacción de tus usuarios.

Descubre cómo aplicamos inteligencia artificial en tus ciclos de desarrollo con nuestra práctica de IA empresarial en soluciones de inteligencia artificial, y refuerza tus controles de seguridad y cumplimiento con nuestros servicios de ciberseguridad y pentesting. También acompañamos tu modernización con servicios cloud aws y azure e iniciativas de datos con power bi y servicios inteligencia de negocio, alineando la revisión asistida con tus objetivos de plataforma y analítica.

Conclusión. La revisión de código asistida por IA ya no es un experimento futurista sino un medio tangible para escalar calidad, seguridad y transferencia de conocimiento. Al tratar al LLM como un compañero que propone, explica y aprende, y al combinar diseño Human in the Loop, buenos prompts, selección de modelos y gobernanza sólida, obtendrás un proceso de revisión más rápido, seguro e inclusivo. Empieza pequeño, mide de forma constante y evoluciona con tu código, la regulación y la tecnología.

Demo en vivo: Ver proyecto

Repositorio GitHub: Ver código

Vista final de la tarjeta: diseño limpio, fondo translúcido con efecto cristal, reflejos suaves, tipografía legible en alto contraste y un botón Comprar ahora listo para convertir.

Pila tecnológica

HTML5 para una estructura semántica clara

CSS3 con flexbox y técnicas de glassmorphism para el efecto de cristal esmerilado

Vercel para despliegue rápido y hosting gratuito

Estructura del proyecto

Un archivo principal index.html, hoja de estilos style.css y una carpeta assets para imágenes e iconos. Con esto basta para replicar el componente y adaptarlo a tu catálogo.

Paso 1 Estructura HTML

Crea un contenedor principal con tres círculos decorativos de fondo y una tarjeta que agrupa miniatura del producto, nombre del estilo o variante, icono de wishlist, título descriptivo, vendedor, valoración media con número de reseñas y una zona inferior para el botón principal.

Paso 2 Magia CSS con glassmorphism

Aplica un fondo semitransparente con color RGBA claro, usa backdrop filter con blur para el desenfoque del fondo, añade borde sutil con transparencia, radio de borde generoso para suavizar las aristas y una sombra difusa para dar profundidad. La tipografía en blanco o casi blanco asegura legibilidad sobre fondos oscuros.

Paso 3 Brillo de fondo

Añade círculos posicionados de forma absoluta con gradientes radiales en tonos morados o el esquema de color de tu marca y aplica un blur amplio para crear un resplandor futurista. Varía tamaños y posiciones para obtener un equilibrio visual atractivo.

Cómo ejecutar el proyecto

Clona el repositorio, abre la carpeta del proyecto y ejecuta el archivo index.html en tu navegador. Si prefieres verlo sin instalar nada, entra en la demo en vivo: accede aquí. Código fuente disponible en este repositorio.

Por qué funciona el glassmorphism en e commerce

Transmite una estética premium y moderna

Mantiene el foco en el producto y sus datos clave

Se integra bien con fondos claros y oscuros

Escala de forma elegante en dispositivos móviles

Qué puedes añadir después

Animaciones hover para microinteracciones

Datos dinámicos con JSON y JavaScript

Un grid de tarjetas para un escaparate completo

Recomendadores con inteligencia artificial, pruebas A B y analítica avanzada para optimizar conversión

Sobre Q2BSTUDIO

En Q2BSTUDIO desarrollamos aplicaciones a medida y software a medida que combinan diseño de alto impacto con rendimiento y seguridad empresarial. Integramos inteligencia artificial e ia para empresas con agentes IA para personalizar experiencias, reforzamos ciberseguridad y pentesting, desplegamos servicios cloud aws y azure y potenciamos decisiones con servicios inteligencia de negocio y power bi. Si necesitas un componente como esta tarjeta o un front completo de tienda, nuestro equipo puede convertirlo en un producto listo para producción.

Si buscas un partner para crear tu catálogo digital con componentes escalables y una arquitectura moderna, explora nuestro desarrollo de aplicaciones a medida. Y si vas a escalar a microservicios, CDN e infraestructura elástica, revisa nuestros servicios cloud en AWS y Azure.

Buenas prácticas rápidas

Usa variables CSS para colores y niveles de transparencia

Define un sistema de espaciado consistente con rem

Optimiza imágenes WebP y tamaños responsivos

Prueba contraste y accesibilidad de foco y estados activos

Añade estado disabled para botones si el producto no está disponible

Ideas de evolución

Conectar con un backend headless y cachear con edge

Etiquetas de oferta y badges dinámicos

Panel de control con KPIs en power bi y analítica por SKU

Recomendaciones en tiempo real con modelos de IA y reglas de negocio

Resumen

Una tarjeta de producto glassmórfica mejora la percepción de valor y concentra la atención del usuario en lo importante. Es ligera, moderna y fácil de integrar en cualquier stack frontend. Personalízala con tu paleta, tipografías y componentes, y conéctala a tus datos para convertir visitas en ventas.

Demo en vivo: abrir demo

Repositorio GitHub: ver código

¿Quieres llevar este componente a producción con rendimiento, seguridad y datos en tiempo real Tu siguiente paso es hablar con Q2BSTUDIO. Integramos inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio y automatización de procesos en soluciones listas para crecer.

Si tu equipo se enfrenta a límites de almacenamiento, a cuellos de botella o quieres modernizar tu estrategia de respaldo y recovery, en Q2BSTUDIO te ayudamos a diseñar una arquitectura robusta en la nube. Descubre nuestros servicios cloud AWS y Azure para transformar tu infraestructura con buenas prácticas, observabilidad y seguridad desde el inicio.

Además, integramos soluciones de automatización, agentes IA y analítica avanzada para sacar valor real de tus datos. Desde inteligencia artificial para empresas hasta servicios inteligencia de negocio y power bi, potenciamos tus operaciones con software a medida y aplicaciones a medida que escalan contigo. También contamos con expertos en ciberseguridad y pentesting para proteger tus activos digitales.

Palabras clave que nos definen aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi. Si necesitas llevar este enfoque a tu organización, en Q2BSTUDIO lo hacemos realidad con un acompañamiento de principio a fin.

En Q2BSTUDIO vivimos esta mentalidad en cada proyecto. Nuestro equipo desarrolla aplicaciones a medida y software a medida con foco en estabilidad, escalabilidad y calidad, integrando buenas prácticas de arquitectura, CI/CD, pruebas automatizadas y observabilidad desde el primer día.

Cuando un producto requiere capacidades avanzadas, incorporamos inteligencia artificial e IA para empresas con modelos y agentes IA alineados al negocio, siempre bajo estándares de ciberseguridad y cumplimiento. Complementamos con servicios cloud aws y azure, ciberseguridad y pentesting, automatización de procesos, servicios inteligencia de negocio y analítica con power bi, para que cada solución aporte valor medible y sostenible.

Si buscas un socio tecnológico que una criterio senior con entrega constante de valor, en Q2BSTUDIO estamos listos para acompañarte desde la definición del por qué hasta la operación en producción.