Saltar al contenido

Evidencia por experiencia

Perfiles de experiencias destacadas

Una capa editorial para entender que prueba cada juego o app, que decisiones tecnicas hay detras y que valor puede llevarse quien la abre.

Juego de palabras

Word Grid

Reto de busqueda donde la grilla cambia con el tiempo para mezclar vocabulario, memoria espacial y presion ligera.

Reglas o uso
Selecciona la primera y ultima letra de cada palabra antes de que la ronda mute el tablero.
Decision tecnica
La logica del tablero esta aislada en funciones puras para poder probar ubicacion de palabras, direcciones y mutaciones sin depender del DOM.
Entrada rapida
Abre una ronda corta y observa como el contador obliga a decidir rapido sin convertirlo en un juego largo.
Aprendizaje
Sirve para mostrar diseno de estado, exportacion de resultados y validacion de reglas en una interfaz compacta.

Puzzle procedural

Maze Generator

Genera laberintos navegables para explicar algoritmos visuales con una interaccion facil de probar.

Reglas o uso
Crea un laberinto, alterna entre backtracker y Prim aleatorio, y compara rutas con la misma seed.
Decision tecnica
El generador separa celdas, carving, dos algoritmos y analisis de dificultad en funciones puras para evitar estados imposibles.
Entrada rapida
Mantiene seed y tamano, cambia el algoritmo y compara solucion, callejones, cruces y puntaje.
Aprendizaje
Comunica pensamiento algoritmico, visualizacion de estructuras y equilibrio entre azar, reglas y reproducibilidad.

App de accesibilidad

Color Contrast Checker

Herramienta practica para validar combinaciones de color con criterios WCAG y preview de texto real.

Reglas o uso
Elige fondo y texto, revisa ratio, estados AA/AAA y decide si la combinacion se puede usar.
Decision tecnica
El calculo de contraste vive separado de la UI para cubrir conversion de color, luminancia y resultado WCAG con pruebas puntuales.
Entrada rapida
Prueba una combinacion de marca y copia el criterio antes de entrar a una implementacion visual.
Aprendizaje
Muestra criterio de accesibilidad aplicado a una utilidad que entrega valor inmediato.

App para desarrollo

API Mock Builder

Construye mocks de endpoints con metodo, latencia, status y payload para probar flujos frontend sin backend real.

Reglas o uso
Define un endpoint falso, ajusta respuesta y usa el snippet fetch generado como contrato de prueba.
Decision tecnica
La salida se normaliza como configuracion estructurada para que el JSON y el snippet se mantengan sincronizados.
Entrada rapida
Arma un mock en segundos y usalo como punto de partida para demos, tests manuales o prototipos.
Aprendizaje
Demuestra pensamiento de producto para herramientas dev: entrada clara, salida reutilizable y validacion visible.