Perfil profesional

WillyDev Frontend Engineer

Trabajo en interfaces escalables con foco en producto, performance y accesibilidad. Decisiones técnicas con calidad de ingeniería y colaboración real.

Proyectos CV Contacto
Identidad visual de WillyDev, Frontend Developer
Calidad y DX

Experiencia profesional

Responsabilidad compartida, decisiones técnicas y foco en producto.

Dic 2025 – Mar 2026 (~4 meses)

MOCCA IA — LIAX

Frontend Developer → liderazgo técnico y comunicación con cliente

Perfil Semi-Senior

Startup chilena de agentes de IA. Entré como soporte frontend y terminé asumiendo responsabilidades de mayor peso técnico y de cara al cliente, por mi experiencia previa en educación y desarrollo web. Producto bajo confidencialidad parcial; detalles técnicos disponibles bajo solicitud.

  • LIAX: plataforma educativa con múltiples agentes de IA que conocen todo el contexto del sistema (pruebas, reuniones, archivos), operando en Chile y Perú y cumpliendo la normativa vigente en ambos países, por ejemplo el libro digital de Chile.
  • Desarrollo full stack (frontend, backend, nube) sobre un MVP cuyo alcance creció sin mayores sobresaltos.
  • Comunicación directa con el cliente y trabajo bajo metodología Scrum, con sprints.
  • Actualización constante en IA aplicada, llevando tecnologías que ya conocía a una escala mayor de la que había trabajado antes.
Next.js React TypeScript Backend Agentes IA RAG Memoria y orquestación Scrum

Desde 2024 · relación recurrente y activa

Colegios en Ovalle (Tamelcura y Pucará)

Desarrollador Web y Soporte TI

Perfil Semi-Senior

Mi base más sólida como cliente: más de dos años de relación continua, partiendo como desarrollo web y creciendo hasta cubrir soporte TI integral.

  • Desarrollo y mantención de sitios institucionales, evolucionando según necesidades reales de cada colegio.
  • Automatización de procesos y gestión de cuentas con Google Workspace.
  • Soporte técnico integral: equipos, proyectores, regulación de PCs en salas de computación, correos y plataformas.
  • Trabajo prácticamente mensual con Colegio Pucará, la relación más constante y de mayor variedad de tareas.
Astro React TypeScript Tailwind CSS Google Workspace Soporte TI

Casos de estudio

Proyectos seleccionados con contexto, decisiones técnicas y enfoque en calidad.

GymSoft

NDA / Privado
Vista del proyecto GymSoft
Next.js TypeScript React Prisma MySQL Tailwind CSS

Contexto / Problema

Proyecto de título (Ingeniería en Informática), desarrollado durante mi práctica profesional en una empresa que ofrecía software a distintos rubros pero no cubría gimnasios ni academias.

Los gimnasios locales administraban todo por separado, o pagaban por software que no cubría el flujo completo: cobro de membresías, POS, registro de socios y trabajadores, planes y horarios de clases.

Rol y alcance

Dueño del ciclo completo en solitario: levantamiento de requerimientos, diseño de base de datos, desarrollo, pruebas y documentación, con metodología de trabajo formal.

Cinco módulos: Archivo (datos base del sistema: clientes, usuarios, permisos, caja, bodegas, sucursales, trabajadores, direcciones y suscripciones/mensualidades), Gimnasio (lo específico de una sucursal: salas, clases, eventos, datos del cliente como índice de masa corporal, y gestión de su suscripción: bloquear, asignar, pausar), Academia (misma lógica que Gimnasio con particularidades propias, como programar partidos), Ventas/POS (historial, reportes de ventas y generación de boletas o facturas, validando cada compra) y Bodega (categorías por familias y subfamilias, y stock distribuido entre sucursales que pueden tener más de una bodega cada una).

Solución

Sistema administrativo modular que cubre una amplia gama de necesidades de los gimnasios y academias, utilizando de referencia ambientes reales y sumando nuevas características para cubrir todo lo necesario.

Decisiones técnicas

  • Reutilizar el modelo de datos existente de la empresa en vez de partir de cero, acotando riesgo y tiempo de integración a cambio de heredar sus restricciones.
  • Separar el sistema en módulos independientes (Archivo, Gimnasio/Academia, Ventas y Bodega) para mantener el desarrollo abordable en solitario y que cada uno evolucionara sin afectar a los demás.
  • Priorizar la exportación a PDF/Excel por ser un requisito real de gestión documental de los gimnasios.

Calidad

  • Tipado estricto con TypeScript y linting consistente.
  • Pruebas funcionales sobre los flujos críticos: cobro, POS y planes.
  • Documentación completa como parte de los requisitos de titulación.

Resultado

Sistema funcional que cubre cobro, POS, gestión de socios/planes/clases y exportación de datos. Parte del código y de la base de datos pertenece a la empresa de práctica, por lo que el detalle público es limitado.

FeriaValle

Vista del proyecto FeriaValle
React TypeScript Vite Tailwind CSS

Contexto / Problema

Propuesta de software libre y gratuito para que emprendedores de ferias y negocios locales llevaran registro de sus ventas.

Las alternativas existentes cobraban por el servicio o pedían los datos del negocio a cambio de usarlas — una barrera de entrada para alguien vendiendo en una feria.

Rol y alcance

Frontend developer, desarrollado y sostenido en tiempo libre.

Catálogo, ventas, reportes básicos y experiencia offline parcial.

Solución

PWA gratuita y pública, sin costo ni dependencia de un proveedor, probando distintos enfoques técnicos antes de estabilizar la versión actual.

Decisiones técnicas

  • Priorizar la experiencia móvil como interfaz principal, por el contexto real de uso: vendiendo en terreno.
  • Modelar estados de venta para reducir errores operativos.
  • Mantenerlo público y sin costo por decisión propia, no como limitación técnica.

Calidad

  • Linting, tipado y revisiones manuales de UX.
  • Pruebas manuales de flujos críticos en mobile.
  • Optimización de tiempos de carga y recursos.

Resultado

Producto funcional en su alcance actual, pausado por prioridades de tiempo y trabajo — abierto para retomar cuando el contexto lo permita.

WillyDev Components

Vista del proyecto WillyDev Components
Next.js TypeScript Tailwind CSS

Contexto / Problema

Librería personal de componentes, pensada para acelerar mis propios proyectos y mantener consistencia visual entre ellos.

Repetir la misma UI y los mismos estilos desde cero en cada proyecto freelance.

Rol y alcance

Diseño, implementación y documentación de componentes, de uso personal.

Sistema base, tokens visuales y ejemplos de uso.

Solución

No busca ser un design system ambicioso: es la caja de herramientas que uso yo mismo, con mis propias convenciones y algo de identidad propia en el detalle.

Decisiones técnicas

  • Establecer tokens y reglas propias de diseño en vez de adoptar un sistema externo.
  • Priorizar componentes composables sobre variedad: cubrir lo que realmente reutilizo.
  • Documentar solo lo necesario para que retomar un proyecto nuevo sea rápido.

Calidad

  • Revisión de accesibilidad básica por componente.
  • Documentación liviana para QA visual.
  • Checklist de performance en renders complejos.

Resultado

Menos tiempo perdido reconstruyendo lo mismo en cada proyecto nuevo.

SOR

Vista del proyecto SOR
Next.js TypeScript

Contexto / Problema

Herramienta nacida de un problema propio: preparar equipos con un pendrive, un instalador y un script .bat, un proceso que tomaba entre 10 y 30 minutos por equipo.

Ese flujo personal no escalaba a empresas o instituciones que necesitan preparar varios equipos de forma consistente, ni centralizaba herramientas más allá de "subir instaladores a una carpeta".

Rol y alcance

Frontend con definición propia de los flujos y la arquitectura de automatización.

Dashboard, estados de procesos y paneles de seguimiento, pensado para preparar equipos desde la nube o desde un dispositivo físico.

Solución

Sistema que centraliza software y automatizaciones en vez de depender de un script local, pensado para variedad de herramientas y más de un equipo o institución a la vez.

Decisiones técnicas

  • Diseñar para nube y dispositivo físico desde el inicio, no solo para el caso de uso personal original.
  • Definir estados y prioridades visuales para evitar errores durante la preparación.
  • Separar flujos por etapa para facilitar el mantenimiento y sumar automatizaciones de forma gradual.

Calidad

  • Validaciones en UI y QA manual de flujos críticos.
  • Monitoreo de performance en vistas principales.
  • Documentación breve para uso interno.

Resultado

El tiempo de preparación de un equipo bajó de 10-30 minutos a 1-2 minutos.

Casos y proyectos

Selección de proyectos que muestran decisiones técnicas, claridad de contexto y calidad de entrega.

+14 proyectos completados

Más de +3 años de experiencia transformando ideas en experiencias digitales funcionales y atractivas.

Ver todos los proyectos
HTML5CSSJavaScriptBootstrapPHPCSS3MySQLJSONWordPressCloudflarePerformanceReactTypeScriptViteTailwind CSSNext.jsPrismaLucide-ReactContext API

Competencias clave

Frontend moderno, integración backend y calidad para construir productos sólidos.

Stack habitual

Tecnologías que uso con mayor frecuencia en proyectos y productos.

Hablemos

¿Quieres conversar sobre un rol, equipo o colaboración técnica? Cuéntame el contexto y coordinamos el mejor siguiente paso.

Información de contacto

Ubicación

Ovalle, Chile

¿Prefieres LinkedIn?

Conecta conmigo profesionalmente y revisa mi experiencia completa.

Conectar en LinkedIn

Para servicios freelance, visita shop.willydev.cl .

Envíame un mensaje