Projects
Real code, real problems, no filler.
ScrollChambaFlow
Applying on OCC and Computrabajo is repetitive by design: search, open, read, click, go back. ChambaFlow eliminates that cycle with a bot that attaches to your active browser session, without storing or intercepting credentials, because the right approach was to never need them. The technical bet was remote debugging: instead of managing authentication (brittle, hard to maintain), the bot inherits your already-open session and operates from there. The entire configuration, keywords, platforms, filters, lives in a single YAML file.
Pásalo
Pásalo is a community-driven platform designed to redistribute items locally without friction. Unlike traditional classifieds, there is no buying, selling, or negotiation, the focus is on directly connecting people who have useful items with those who actually need them. The system prioritizes immediacy and user experience: posting takes seconds, browsing adapts to your location, and interactions are designed to be clear and frictionless. More than a listings app, Pásalo aims to promote a culture of reuse, reducing waste while strengthening local communities through thoughtful technology.
+10DescífraMX
Most Mexicans use their CURP without knowing what each character encodes. DescífraMX dismantles it visually in real time: date of birth, state, sex, check digit, and flagged words, field by field, with context. With over 1,000 recorded queries and a public REST API documented with OpenAPI, the most important decision was privacy-by-design: no data leaves the browser. No backend, no logs, no database.
+6
MiInbox
An email client is one of the most demanding state problems in frontend: read/unread messages, threads, real-time search, composition, everything must stay synchronized without visible lag or cascading re-renders. MiInbox solves this with Zustand as the central state layer: a store that keeps inboxes consistent without triggering unnecessary renders. The result is an interface that responds instantly regardless of how many messages are active in parallel.
+3GitQuick
Most Git tutorials teach commands. GitQuick teaches you to reason about history: what happens when you merge two branches with conflicts, when a rebase can destroy shared history, and how to undo a mistake without panicking. Organized into logical blocks, basics, branches, remotes, conflicts, it works as a quick reference while you work, not just a reading guide. Every command includes a real example, not just its signature.
+4Pokédex
Over 1,000 Pokémon with types, base stats, abilities and sprites, all served from PokéAPI v2. The challenge wasn't consuming the API, it was doing it without degrading the experience: local cache to avoid duplicate requests, pagination that doesn't block render, and real-time search over the full dataset. The result is an interface that feels fluid even when filtering across lists of this size.
+1Tetris
Tetris seems simple until you try to implement it: collision detection is a matrix problem, piece rotation must respect board boundaries, and speed must scale without losing responsiveness. Built with vanilla JavaScript and Canvas API, no framework, because the point was to solve the problem, not delegate it. The result is a complete game with a scoring system, level progression, and smooth keyboard controls.
Aparecen.mx
Aparecen.mx is a free civic tool designed to help families, collectives, and citizens in Mexico quickly generate search alerts for missing persons. The platform automates design using emergency communication principles: high contrast, strong visual hierarchy, and optimization for both social media and physical printing. The key design decision was privacy: all data is processed entirely in the user's browser (client-side), with no databases, no storage, and no external data transmission.
+8Searching for jobs on OCC and Computrabajo involves a very repetitive flow by design.
Remote debugging: the bot attaches to your already-logged-in browser session to automate the clicks.
Console or CLI-operable tool that automatically applies while respecting your active session.
- Remote debugging is more resilient than handling authentication directly.
- A YAML config file can replace an entire UI.
ZustandTraditional classifieds introduce unnecessary friction (pricing, negotiation, trust issues). The problem is reframed as direct redistribution.
Built around speed and clarity: fast posting, location-based exploration, and fewer decisions.
Full implementation including item management, user profiles, persistent favorites, and client-side image optimization.
Micro-interactions and animations enhance usability and perceived quality.
- Reducing choices (like removing pricing) can improve adoption.
- Perceived speed is as important as actual performance.
- Hyperlocal focus significantly changes user behavior.
- Visual design and micro-interactions directly impact trust.
Most online CURP/RFC tools send data to external servers, a serious concern for government identity information.
Inspector-style experience that visually dismantles each character of the CURP/RFC, processing everything locally in the browser.
Pure parsing logic in Next.js + TypeScript: no backend required. Public REST API documented with OpenAPI, installable as a PWA.
Over 1,000 queries with zero privacy incidents, because no data ever left the user's browser.
- Privacy-by-design can be a key differentiator.
- Good visual design helps clarify ambiguous legal concepts.
Email clients with fragmented state trigger cascading re-renders: updating one inbox breaks another. The challenge was maintaining global consistency without performance overhead.
Central Zustand store that keeps inboxes, read state, and composition in sync, only re-rendering components that actually depend on the changed slice.
Three-column layout (inboxes, message list, detail view) with React Router, real-time search, and floating compose window, all without page reloads.
Vitest test suite covering the Zustand store, ensuring read, archive, and search flows behave predictably under concurrent conditions.
- Prioritize clarity of hierarchies in the inbox view.
- Zustand radically simplifies props in overwhelming interfaces.
Git tutorials teach syntax. GitQuick was built to teach reasoning about history: what a rebase destroys, when force-push is dangerous, how to undo mistakes without panic.
Logical blocks (basics, branches, remotes, conflicts) with real examples for each command, not just the signature, but the context of when and why to use it.
Built with Vue 3 and Vite for instant load. Vitest to validate code examples are correct before publishing.
- Examples in Git are more powerful than technical theory.
- Documentation must be designed with its own mental CMS.
Over 1,000 entries from a public API: the challenge wasn't fetching the data, it was doing so without degrading the experience through blocking renders or duplicate requests.
In-memory cache strategy: PokéAPI responses are stored on-the-fly to avoid re-fetching already-visited Pokémon. Intersection-based scroll pagination, non-blocking.
Combined type filters and real-time search across the full dataset. Detail view with base stats, abilities, and sprites, built with React + TypeScript and Vite.
- Local cache drastically reduces requests to public APIs.
- Designing UI for large lists requires virtualization or pagination from the start.
Tetris looks simple until you try to implement it. Deliberately chosen to solve a classic problem from scratch, no game engine, no framework to delegate the logic to.
Matrix-based collision detection: each piece is a sub-matrix on the board. Rotation with boundary validation. Line clearing and board descent in O(n).
Canvas API rendering: full control over every frame. Scoring system with multiplier for simultaneous lines, progressive speed levels, and game-over management.
- Canvas API gives full rendering control at the cost of greater complexity.
- Collision logic in grids requires clear matrix thinking.
Identified friction points in search alert creation: design delays, reliance on third parties, and lack of standardization.
Visual system focused on immediate impact: readability, contrast, and social feed optimization.
100% client-side implementation to avoid storing sensitive data and ensure anonymity.
Dual export system: PNG for digital platforms and print-ready PDF.
- Privacy-by-design is critical in high-risk products.
- Visual design directly impacts information reach and effectiveness.
- Reducing friction in critical moments can have real-world impact.
- Client-side architectures are powerful for sensitive tools without backend complexity.