YP, Yosef Puetate: volver al inicio

Yosef Puetate

Yosef Puetate sonriendo, sentado frente a un teclado, con camisa negra

Buscando práctica o puesto junior frontend · Disponible para proyectos freelance

Desarrollador frontend. Construyo sitios y aplicaciones web con React y Next.js, acelerados con IA.

Uso herramientas de IA como Claude Code y Codex para prototipar, depurar y entregar más rápido, y reviso y entiendo cada línea que publico. Estudio Ingeniería de Software en la ESPOCH, soy Chair de IEEE ESPOCH y parte del equipo organizador de CONESLAT 2026.

Proyectos

Haz clic en una captura para abrir el proyecto en una pestaña nueva.

Portada de CONESLAT 2026: fechas del 16 al 20 de noviembre, horario, modalidad virtual y cuenta regresiva

CONESLAT 2026

Reunir en un solo sitio el programa, los ponentes y cómo conectarse al congreso, y llevar a la gente a inscribirse.

Rol
Equipo organizador
Fecha
2026
  • Next.js
  • React
  • Vercel
Landing de Tungsteno Producciones: titular «Tú pones la fecha. Nosotros, el show.» sobre un escenario con haces de luz y botón para cotizar por WhatsApp

Tungsteno Producciones

Landing para una productora de eventos (sonido, DJ, luces, pantalla LED, foto, video y transmisión) que convierte visitas en cotizaciones por WhatsApp con el mensaje ya armado.

Rol
Diseño y desarrollo
Fecha
Oct 2026

Marca y datos de demostración. 100/100 de rendimiento en Lighthouse móvil.

  • Astro
  • Tailwind CSS
  • GSAP
  • Lenis
Panel POS: carta de platos ecuatorianos a la izquierda y la comanda como ticket térmico con subtotal, IVA y total a la derecha

Panel POS para restaurante

Tomar pedidos en la mesa, mandarlos a cocina y ver las ventas del día, con tres vistas por rol: mesero, cocina y administrador.

Rol
Diseño y desarrollo
Fecha
Oct 2026

Los pedidos llegan a cocina en vivo entre pestañas, con nota por plato, stock que cocina actualiza y se ve en la carta del mesero, y un menú para el cliente. Sin servidor. Datos de demostración. 21 pruebas unitarias y 63 pruebas con Playwright en escritorio y móvil, con revisión de accesibilidad.

  • HTML
  • CSS
  • JavaScript
  • Playwright
Sistema de inscripciones: título del evento en tipografía condensada y credencial con código QR, nombre y sesiones elegidas

Sistema de inscripciones para eventos

Inscribirse a un evento, recibir una credencial con código QR, registrar la entrada en la puerta con la cámara y revisar todo desde un panel del organizador.

Rol
Diseño y desarrollo
Fecha
Oct 2026

La credencial se arma mientras se escribe, cada puerta ve todas las sesiones de la persona (las ya usadas, marcadas con un check) y el asistente tiene su propia vista con horarios y lugares. Datos de demostración, sin servidor. 16 pruebas unitarias y 45 pruebas con Playwright, incluida la lectura de un QR con cámara simulada.

  • HTML
  • CSS
  • JavaScript
  • Playwright
Chatbot Rosita: conversación sobre el precio del hornado y una cuenta con IVA, y un panel que muestra qué palabras reconoció y qué temas compitieron

Chatbot para restaurante

Una asistente que responde sobre carta, horarios y precios, calcula cuentas con IVA y toma reservas paso a paso, y un panel que muestra cómo decidió cada respuesta.

Rol
Diseño y desarrollo
Fecha
Oct 2026

Entiende errores de ortografía y recuerda de qué se hablaba. No usa IA ni claves de API: son respuestas escritas y un motor de coincidencias, así que funciona sin servidor. Más de 55 temas, 43 pruebas unitarias y 36 pruebas con Playwright en escritorio y móvil, con revisión de accesibilidad.

  • HTML
  • CSS
  • JavaScript
  • Playwright
Números de Catalán: seis personas en círculo dándose la mano sin cruzarse, con C(3) = 5 y las cinco formas posibles

Números de Catalán

Explicar los números de Catalán con «la fiesta de los apretones de manos»: ver todas las formas, jugar a encontrarlas, adivinar, deducir la fórmula y comparar su crecimiento.

Rol
Proyecto de Matemática Discreta
Fecha
Oct 2026

Un solo archivo que funciona sin internet. 158 pruebas automáticas con Playwright en escritorio y móvil.

  • HTML
  • CSS
  • JavaScript
  • SVG
  • Playwright

Ejercicios de maquetación

Clon de Twitch: filtros por categoría y tarjetas de transmisiones en vivo con canales ficticios

Clon de Twitch

Practicar el layout de una plataforma de streaming: barra lateral, carrusel destacado, búsqueda y filtros con datos desde JSON.

Rol
Práctica individual
Fecha
Mar 2026
  • HTML
  • CSS
  • JavaScript
  • JSON
App móvil de operadora: saldo, promociones y consumo de datos y voz en gráficos circulares

App de operadora (Tuenti)

Recrear el panel móvil de una operadora: saldo, consumo de datos y voz, promociones y servicios adicionales.

Rol
Práctica individual
Fecha
Mar 2026
  • HTML
  • CSS
  • JavaScript
  • SVG

Experimentos de CSS/JS

Título en letras grandes con imágenes que se ven solo dentro de las letras, sobre fondo negro

Máscara tipográfica cinematográfica

Intro tipo tráiler: un slideshow visible solo dentro de las letras con mix-blend-mode y cortes generados con JavaScript.

Rol
Práctica individual
Fecha
Mar 2026
  • CSS keyframes
  • mix-blend-mode
  • JavaScript

Qué puedo construir

Para empresas, emprendimientos y organizaciones que necesitan presencia web o una herramienta interna, y para quien necesite explicar un tema con algo interactivo.

Cómo trabajo

  1. Brief

    Conversamos sobre tu objetivo, tu público y tus plazos.

  2. Propuesta

    Te envío por escrito el alcance, los tiempos y el costo.

  3. Desarrollo

    Construyo el sitio y te muestro avances para que opines a tiempo.

  4. Entrega

    Lo publico y te explico cómo actualizarlo.

Sobre mí

Descubrí HTML y CSS a los 12 años. Empecé con pequeños juegos en JavaScript y hoy construyo sitios y aplicaciones web con React y Next.js, cuidando que carguen rápido y que cualquiera pueda usarlos. También hago apps y webs didácticas para exposiciones o fines concretos, como simulaciones interactivas.

Estudio Ingeniería de Software en la ESPOCH, en Riobamba. Soy Chair de la Rama Estudiantil IEEE ESPOCH, donde antes fui webmaster, formo parte del equipo organizador de CONESLAT 2026 y fui maestro de ceremonias en la cena de gala de la RNR IEEE Ecuador 2026.

Con qué trabajo

  • HTML
  • CSS
  • JavaScript
  • React
  • Next.js
  • Vercel
  • Git y GitHub
  • Figma
  • API REST
  • Diseño responsive
  • Accesibilidad web
  • Desarrollo asistido por IA

Trayectoria

  1. Liderazgo y proyecto

    CONESLAT 2026

    Equipo organizador

    Congreso Estudiantil Latinoamericano de las Ramas Estudiantiles IEEE de la Región 9: una semana de charlas técnicas, virtual por Microsoft Teams y gratuita con certificado. Su sitio web está construido con Next.js y React.

  2. Liderazgo

    RNR IEEE Ecuador 2026

    Maestro de ceremonias, cena de gala

  3. – actualidad

    Liderazgo

    Rama Estudiantil IEEE ESPOCH

  4. – actualidad

    Educación

    Ingeniería de Software

    Escuela Superior Politécnica de Chimborazo (ESPOCH), Riobamba

Cursos complementarios: Photoshop básico e Illustrator básico.

Fuera del código

Veo anime con ojo de frontend: me fijo en el ritmo de la animación, el encuadre y cómo cada plano guía la mirada.

Y ajedrez

También juego ajedrez. Me gusta calcular varias jugadas por delante y buscar el plan detrás de cada posición, la misma forma de pensar que uso antes de escribir código.

Pulsa reproducir para ver el mate del pastor.

¿Construimos algo juntos?

Cuéntame tu idea o tu vacante y te respondo pronto.

Instagram