STATUS // BROADCASTING IMMERSIVE EXPERIENCE

JOSMARYPIRELA

ESTILO POP ART!

Construyo productos digitales que funcionan, se sienten bien y escalan. Desde el diseño de sistemas hasta la última línea de CSS. Next.js, TypeScript, PostgreSQL, Groq, seguridad A+ y CI/CD sin fricción. Cada proyecto nace de una pregunta: ¿y qué más? Eso me lleva a código tipado, testeado, accesible y optimizado en producción.

REACT 19 / VITE

3D CSS WIREFRAMES

WEB AUDIO SYNTHS

EXPLORAR EXHIBICIONES

RENDER_STAGE_V1.9

FPS: 60.00

ARRASTRA MOUSE / CLIC EN CANVAS

TINTE DE ESTILO:

MODELO GEOMÉTRICO ACTIVO:

VELOCIDAD:1.5x

ESCALA:1.2x

[ ARCHIVO_SISTEMA: JOSMARY_BIO.SYS ]

¿QUIÉN ES JOSMARY?

LOVES FROM MARACAIBO TO THE GLOBE 🌴JOSMARY.DEV

[ PROFILE_RENDERER.EXE ]

CSS VIRTUAL_AV_1.0

SYSTEM: ONLINE

INTERACTIVE DEEP ENGINE

JOSMARY PIRELA

PORTRAIT // TARGET LOCKED

STAT_MATRIX (INTERACTIVE BOOT)

CLICK GAUGE TO SYNC DATA

Pulido Visual y Estética98%

HAZ CLIC PARA ACTUALIZAR ATRIBUTOS (DIVERSIÓN INTERACTIVA!)

Código Limpio y Lógica Eficiente95%

HAZ CLIC PARA ACTUALIZAR ATRIBUTOS (DIVERSIÓN INTERACTIVA!)

Obsesión por aprender algo nuevo cada día90%

HAZ CLIC PARA ACTUALIZAR ATRIBUTOS (DIVERSIÓN INTERACTIVA!)

Niveles de Cafeína en Sangre85%

HAZ CLIC PARA ACTUALIZAR ATRIBUTOS (DIVERSIÓN INTERACTIVA!)

WARNING: OVERCLOCKING WILL INCREASE SPARK DENSITIES AND MAY STIMULATE RETRO SYNTH AUDIO COEFFICIENTS!

[ MODULE_SYS: SUB_SYSTEMS_OVERRIDE_ACTIVE ]

CYBERNETIC DIAGNOSTICS & TELEMETRY DOCK

MATRIX DATA OVERFLUIDITY GAUGE // PERSISTENCE: RETRO_POP_2026

Matrix Stream[HOLO_GEN.EXE]

Monaural FM SynthKEYBOARD ACTIVE

Biometric MonitorCARDIO_SYNC

75 BPM

STIMULATED PULSE:75 BPM

SYNAPSE EFF:32%

FUSION CORE THERMALSSYS_STABLE

PLUTONIUM SHIELD FLUX65%

plasma CONDENSATE45%

WARP CORE STRETCH55%

WARP COMPOSER FLUX:55%

Cognitive RAM scrubCACHE_WIPE

78%

// SYS STATS LOADED OK.

// STANDBY CACHE READY FOR SCRUB.

CYBERNETIC CODES CONSOLE[HOST_TERM]

SYSINIT_COMPLETE // CHIP ONLINE.

WRITE 'help' TO QUERY CMD SCRIPTS.

[ HILO_TEMPORAL: PARADIGMAS_HISTORIAL.LOG ]

MI TRAYECTORIA

2025 - ACTUALIDAD

Software Engineer

@ Proyectos Independientes

SYS_LOG_ENTRY_1

Dueña del ciclo de vida completo del software: desde la idea hasta la última métrica en producción. Diseño, desarrollo, testing, seguridad, DevOps y observabilidad integrados.

»Dueña del ciclo de vida completo del software: concebir, arquitecturar, construir, testear, asegurar, desplegar, monitorear e iterar — desde la idea del producto hasta las métricas de PageSpeed.

»Construyo aplicaciones full-stack con Next.js, React 19, TypeScript, PostgreSQL, Drizzle ORM, Tailwind CSS 4 y Framer Motion.

»Integro motores de IA conversacional (Groq API), búsqueda web (Serper.dev) y reconocimiento de voz (Web Speech API) en interfaces de terminal inmersivas.

»Creo experiencias interactivas con Canvas API (partículas 2D, wireframes 3D, matrix rain), Web Audio API (síntesis FM, osciladores) y animaciones con Framer Motion.

»Implemento sistemas de autenticación completos: bcryptjs, httpOnly cookies, sesiones en DB, forgot/reset password con token de 1 hora, rate limiting por IP y revocación de sesiones.

»Endurezco aplicaciones con CSP nonce-based (Mozilla Observatory A+), HSTS, X-Frame-Options, Permissions-Policy y validación Zod en cada endpoint.

»Integro observabilidad con Sentry (client/server/edge), logging estructurado por contexto y auditoría de eventos de seguridad.

»Automatizo todo con GitHub Actions: typecheck, lint, tests unitarios, tests E2E, build, deploy a staging, deploy a producción y rollback — todo en pipelines CI/CD.

»Creo herramientas de automatización personalizadas: CLI scripts para scaffold, generación de componentes, checklists de calidad integrada y optimización de tokens en prompts de IA.

Next.jsTypeScriptPostgreSQLDrizzle ORMFramer MotionCanvas APIWeb Audio APICI/CDSentrySecurity

2023 - 2025

Desarrolladora Frontend

@ Aprendizaje Autodidacta y Proyectos Propios

SYS_LOG_ENTRY_2

Etapa de construcción de bases sólidas en desarrollo frontend: diseño, maquetación, interacción, animación y experiencia de usuario con tecnologías web modernas.

»Construí interfaces web completas con React, JavaScript, TypeScript y CSS moderno, aplicando principios de diseño responsive y accesibilidad.

»Exploré animaciones y microinteracciones con Framer Motion para crear experiencias de usuario fluidas y atractivas.

»Implementé control de versiones con Git y documentación técnica para mantener proyectos organizados y escalables.

»Aprendí TypeScript strict y buenas prácticas de estructuración de código en proyectos modulares.

»Desarrollé aplicaciones web desde cero: maquetación, interacción, lógica del cliente y despliegue.

ReactJavaScriptTypeScriptCSSFramer MotionHTMLResponsive Design

[ COMPILACIÓN: ARCHIVOS_MULTIPERSONAL.OBJ ]

GALERÍA DE PROYECTOS

SISTEMAS EXCLUSIVOS DESPLEGADOS

SELECT_TELEMETRY_STREAM_NODE:

CONSOLE // VIL - Asistente Villano

SYS_LOAD: GREEN_PASS

VIL - Asistente VillanoSistemas Distribuidos y Experiencias Interactivas

Interfaz de terminal retro-estética que integra LLMs vía Groq API para una experiencia conversacional única. Orquesta flujos de datos en tiempo real combinando búsqueda web, reconocimiento de voz (Web Speech API), autenticación con bcryptjs, sesiones httpOnly, y base de datos PostgreSQL con Drizzle ORM para persistencia cross-device.

ESPECIFICACIONES DE ARQUITECTURA:

✦Integración de LLMs con System Prompt Engineering para personalización de rol
✦Pipeline de búsqueda web en tiempo real con procesamiento de respuestas grounding
✦Arquitectura basada en componentes de alto rendimiento para efectos visuales CRT
✦Validación de datos y seguridad en API routes mediante esquemas de Zod
✦Reconocimiento de voz y control de velocidad de síntesis
✦Autenticación con registro, login, forgot/reset password y rate limiting por IP
✦Sincronización de conversaciones cross-device vía PostgreSQL

DEPLOYED_MODULES_USED:

Next.js 16TypeScript 5.8Tailwind CSS 4PostgreSQL + Drizzle ORMGroq APISerper.devWeb Speech APIbcryptjsFramer MotionVitest + Playwright

CONTAINER_CONSOLE_READER:

// config/manifest.json
{
  "project_name": "VIL - Asistente Villano",
  "architecture": "Full-Stack Serverless Cluster",
  "engine_ports": [80, 443, 3000],
  "modules": ["Next.js 16","TypeScript 5.8","Tailwind CSS 4","PostgreSQL + Drizzle ORM","Groq API","Serper.dev","Web Speech API","bcryptjs","Framer Motion","Vitest + Playwright"],
  "optimization_level": "PREMIUM_JIT",
  "build_healthy": true,
  "active_deployment": "E-Vil-Ai-Assistant.josmarypirela.dev"
}

SYS_BUILD_DATE // 05_2026:OK

REPOSITORIO EN GITHUB ENTRAR AL MUNDO LIVE

[ REGISTRO: CONJUNTO_LOGS_NÚCLEO.DAT ]