Regresar

Proyectos

|

ChambaFlow

ChambaFlow

Postular en OCC y Computrabajo es repetitivo por diseño: buscar, abrir, leer, hacer clic, volver. ChambaFlow elimina ese ciclo con un bot que se adjunta a tu sesión activa del navegador — sin almacenar ni interceptar credenciales, porque el enfoque correcto fue nunca necesitarlas. La apuesta técnica fue el remote debugging: en lugar de gestionar autenticación (frágil y difícil de mantener), el bot hereda tu sesión ya abierta y opera desde ahí. La configuración completa — keywords, plataformas y filtros — vive en un solo archivo YAML.

Python
Git
GitHubGitHub
Selenium
VisitarGitHubGitHubCódigo
Detalles

Aparecen.mx

Aparecen.mx

Aparecen.mx es una herramienta cívica gratuita diseñada para ayudar a familias, colectivos y ciudadanos en México a generar fichas de búsqueda de personas desaparecidas de forma inmediata. La plataforma automatiza el diseño bajo principios de comunicación de emergencia: alto contraste, jerarquía visual clara y optimización para difusión tanto en redes sociales como en impresión física. La decisión clave del proyecto fue la privacidad: toda la información se procesa directamente en el navegador del usuario (client-side), sin bases de datos, sin almacenamiento y sin transmisión a servidores externos.

Next.js
ReactReact
TypeScript
Tailwind CSS
Shadcn UIShadcn UI
+7
VisitarProyecto interno
Detalles

Pásalo

Pásalo

Pásalo es una plataforma comunitaria diseñada para redistribuir objetos de forma local sin fricción. A diferencia de los modelos tradicionales de clasificados, aquí no existe la compra, la venta ni la negociación: el enfoque está en conectar directamente a personas que tienen algo útil con quienes realmente lo necesitan. El sistema prioriza la inmediatez y la experiencia de usuario: publicar un objeto toma segundos, explorar se adapta a tu ubicación (estado y municipio en México) y la interacción está diseñada para ser clara, rápida y sin ruido. Más que una app de listados, Pásalo busca incentivar una cultura de reutilización, reduciendo desperdicio y fortaleciendo comunidades locales a través de tecnología bien ejecutada.

Next.js
ReactReact
TypeScript
PostgreSQL
Supabase
PrismaPrisma
+9
VisitarGitHubGitHubCódigo
Detalles

DescífraMX

DescífraMX

La mayoría de los mexicanos ha usado su CURP sin saber qué codifica cada carácter. DescífraMX lo desarma visualmente en tiempo real: fecha de nacimiento, estado, sexo, dígito verificador y palabras inconvenientes — campo por campo, con contexto. Con más de 1,000 consultas registradas y una API REST pública documentada con OpenAPI, la decisión más importante fue la privacidad-by-design: ningún dato sale del navegador. Sin backend, sin logs, sin base de datos.

Next.js
TypeScript
ReactReact
Tailwind CSS
Shadcn UIShadcn UI
+5
VisitarGitHubGitHubCódigo
Detalles

MiInbox

MiInbox

Un cliente de correo es uno de los problemas de estado más exigentes del frontend: mensajes leídos y no leídos, hilos, búsqueda en tiempo real, composición — todo debe sincronizarse sin lag visible y sin re-renders en cascada. MiInbox lo resuelve con Zustand como capa de estado central: un store que mantiene coherencia entre bandejas sin disparar renders innecesarios. El resultado es una interfaz que responde inmediato sin importar cuántos mensajes estén activos en paralelo.

ReactReact
React Router
TypeScript
v0v0
Vitest
+2
VisitarGitHubGitHubCódigo
Detalles

GitQuick

GitQuick

La mayoría de los tutoriales de Git enseñan comandos. GitQuick enseña a razonar sobre el historial: qué pasa cuando fusionas dos ramas con conflictos, cuándo un rebase puede destruir el historial compartido y cómo revertir un error sin entrar en pánico. Organizado en bloques lógicos — básicos, ramas, remotos, conflictos — funciona como referencia rápida mientras trabajas, no solo como guía de lectura. Cada comando lleva un ejemplo real, no solo su firma.

HTML5
CSS3
JavaScript
Vue
Vite
+3
VisitarGitHubGitHubCódigo
Detalles

Pokédex

Pokédex

Más de 1,000 Pokémon con tipos, estadísticas base, habilidades y sprites — todo servido desde PokéAPI v2. El reto no fue consumir la API sino hacerlo sin degradar la experiencia: caché local para evitar peticiones duplicadas, paginación que no bloquea el render y búsqueda en tiempo real sobre el dataset completo. El resultado es una interfaz que se siente fluida incluso filtrando sobre listas de esta magnitud.

ReactReact
TypeScript
Tailwind CSS
Vite
Git
GitHubGitHub
VisitarGitHubGitHubCódigo
Detalles

Tetris

Tetris

Tetris parece simple hasta que intentas implementarlo: la detección de colisión es un problema matricial, la rotación de piezas debe respetar los límites del tablero y la velocidad tiene que escalar sin que el juego pierda responsividad. Implementado con JavaScript vanilla y Canvas API — sin ningún framework — porque el punto era resolver el problema, no delegarlo. El resultado es un juego completo con sistema de puntuación, progresión por niveles y controles de teclado fluidos.

JavaScript
HTML5
CSS3
Git
GitHubGitHub
VisitarGitHubGitHubCódigo
Detalles
Regresar

Proyectos

|

ChambaFlow

ChambaFlow

Postular en OCC y Computrabajo es repetitivo por diseño: buscar, abrir, leer, hacer clic, volver. ChambaFlow elimina ese ciclo con un bot que se adjunta a tu sesión activa del navegador — sin almacenar ni interceptar credenciales, porque el enfoque correcto fue nunca necesitarlas. La apuesta técnica fue el remote debugging: en lugar de gestionar autenticación (frágil y difícil de mantener), el bot hereda tu sesión ya abierta y opera desde ahí. La configuración completa — keywords, plataformas y filtros — vive en un solo archivo YAML.

Python
Git
GitHubGitHub
Selenium
VisitarGitHubGitHubCódigo15
Detalles

Aparecen.mx

Aparecen.mx

Aparecen.mx es una herramienta cívica gratuita diseñada para ayudar a familias, colectivos y ciudadanos en México a generar fichas de búsqueda de personas desaparecidas de forma inmediata. La plataforma automatiza el diseño bajo principios de comunicación de emergencia: alto contraste, jerarquía visual clara y optimización para difusión tanto en redes sociales como en impresión física. La decisión clave del proyecto fue la privacidad: toda la información se procesa directamente en el navegador del usuario (client-side), sin bases de datos, sin almacenamiento y sin transmisión a servidores externos.

Next.js
ReactReact
TypeScript
Tailwind CSS
Shadcn UIShadcn UI
+7
VisitarProyecto interno
Detalles

Pásalo

Pásalo

Pásalo es una plataforma comunitaria diseñada para redistribuir objetos de forma local sin fricción. A diferencia de los modelos tradicionales de clasificados, aquí no existe la compra, la venta ni la negociación: el enfoque está en conectar directamente a personas que tienen algo útil con quienes realmente lo necesitan. El sistema prioriza la inmediatez y la experiencia de usuario: publicar un objeto toma segundos, explorar se adapta a tu ubicación (estado y municipio en México) y la interacción está diseñada para ser clara, rápida y sin ruido. Más que una app de listados, Pásalo busca incentivar una cultura de reutilización, reduciendo desperdicio y fortaleciendo comunidades locales a través de tecnología bien ejecutada.

Next.js
ReactReact
TypeScript
PostgreSQL
Supabase
PrismaPrisma
+9
VisitarGitHubGitHubCódigo
Detalles

DescífraMX

DescífraMX

La mayoría de los mexicanos ha usado su CURP sin saber qué codifica cada carácter. DescífraMX lo desarma visualmente en tiempo real: fecha de nacimiento, estado, sexo, dígito verificador y palabras inconvenientes — campo por campo, con contexto. Con más de 1,000 consultas registradas y una API REST pública documentada con OpenAPI, la decisión más importante fue la privacidad-by-design: ningún dato sale del navegador. Sin backend, sin logs, sin base de datos.

Next.js
TypeScript
ReactReact
Tailwind CSS
Shadcn UIShadcn UI
+5
VisitarGitHubGitHubCódigo
Detalles

MiInbox

MiInbox

Un cliente de correo es uno de los problemas de estado más exigentes del frontend: mensajes leídos y no leídos, hilos, búsqueda en tiempo real, composición — todo debe sincronizarse sin lag visible y sin re-renders en cascada. MiInbox lo resuelve con Zustand como capa de estado central: un store que mantiene coherencia entre bandejas sin disparar renders innecesarios. El resultado es una interfaz que responde inmediato sin importar cuántos mensajes estén activos en paralelo.

ReactReact
React Router
TypeScript
v0v0
Vitest
+2
VisitarGitHubGitHubCódigo
Detalles

GitQuick

GitQuick

La mayoría de los tutoriales de Git enseñan comandos. GitQuick enseña a razonar sobre el historial: qué pasa cuando fusionas dos ramas con conflictos, cuándo un rebase puede destruir el historial compartido y cómo revertir un error sin entrar en pánico. Organizado en bloques lógicos — básicos, ramas, remotos, conflictos — funciona como referencia rápida mientras trabajas, no solo como guía de lectura. Cada comando lleva un ejemplo real, no solo su firma.

HTML5
CSS3
JavaScript
Vue
Vite
+3
VisitarGitHubGitHubCódigo
Detalles

Pokédex

Pokédex

Más de 1,000 Pokémon con tipos, estadísticas base, habilidades y sprites — todo servido desde PokéAPI v2. El reto no fue consumir la API sino hacerlo sin degradar la experiencia: caché local para evitar peticiones duplicadas, paginación que no bloquea el render y búsqueda en tiempo real sobre el dataset completo. El resultado es una interfaz que se siente fluida incluso filtrando sobre listas de esta magnitud.

ReactReact
TypeScript
Tailwind CSS
Vite
Git
GitHubGitHub
VisitarGitHubGitHubCódigo
Detalles

Tetris

Tetris

Tetris parece simple hasta que intentas implementarlo: la detección de colisión es un problema matricial, la rotación de piezas debe respetar los límites del tablero y la velocidad tiene que escalar sin que el juego pierda responsividad. Implementado con JavaScript vanilla y Canvas API — sin ningún framework — porque el punto era resolver el problema, no delegarlo. El resultado es un juego completo con sistema de puntuación, progresión por niveles y controles de teclado fluidos.

JavaScript
HTML5
CSS3
Git
GitHubGitHub
VisitarGitHubGitHubCódigo
Detalles