Skip to main content

🛠️ Development Workshops

Hands-on learning experiences to master new technologies and techniques

React Architecture Workshops

intermediateFrontend DevelopmentEnglish4h 30m

A practical workshop on building scalable, maintainable React applications. Covers component architecture, state management, data fetching patterns, design systems, performance optimization, and production best practices.

Building an ADC Keyboard on ESP32

intermediateEmbedded DevelopmentEnglish2h 15m

A hands-on workshop where you learn how to build, read, and decode an analog (ADC) keyboard on the ESP32. We go from the hardware theory—voltage dividers, key ladders, and ADC channels—to writing a reusable driver with debouncing, long-press detection, callbacks, and multi-keyboard support. Perfect for anyone building IoT devices, custom controllers, or embedded UX.

Mastering Fireback

intermediateBackend DevelopmentEnglish4h 30m

A complete workshop to learn Fireback — from setup to building production-grade backends and cross-platform apps. Covers definitions, code generation, CLI usage, database integration, and embedding backends in mobile and desktop apps.

The significance of translations appears to be overlooked, with the second language often treated as an afterthought in my projects; some even begin with non-English strings hardcoded in templates, only to encounter challenges later when attempting to modify them, as the lack of type safety prevents immediate detection of all occurrences, resulting in an inconsistent user experience where English words may unexpectedly appear in a Spanish interface, negatively impacting the brand's reputation.

Lists are a core UI pattern in mobile apps, yet they're often implemented inconsistently. Common issues include missing keys, unoptimized rendering of large datasets, poor accessibility, and lack of uniform styling, which leads to janky scrolling, memory leaks, or a fragmented UX. Following best practices ensures performant, maintainable, and accessible lists that feel native and cohesive across screens, enhancing both developer efficiency and user satisfaction.

Why Use Lottie in React Native Projects

intermediateui-uxEnglish30 minutes

Animations often make or break the perceived quality of a mobile app. Using static images or simple GIFs feels outdated and can hurt performance. Lottie allows you to ship high-quality, lightweight, vector-based animations directly from After Effects, ensuring smooth playback on all devices. In my projects, these two Lottie animations demonstrate how engaging micro-interactions and seamless transitions can elevate UX, reduce development effort, and make the app feel polished without bloating the bundle size.