Front-End Developer
Konstrutecnia (Wirana.ai B2B SaaS platform)
2025-07 – Present
- Led front-end development for two products within the Wirana.ai B2B SaaS platform, which powers AI agents that autonomously engage customers and close sales across multiple channels (WhatsApp, email, Shopify, WooCommerce).
- Built the KT Agents Dashboard with Angular 20 and NgRx 20 under a Domain-Driven architecture (14 lazy- loaded domains, 2,000+ TypeScript files, 294 components), reducing initial load time by ~25-30% through domain-based lazy loading.
- Developed the Wirana Support Widget, an embeddable Web Component (<kt-widget>) built with React 19, Zustand + Immer, and isolated Shadow DOM, shipped as an IIFE + ESM bundle (<50kb gzipped), integrable into any website with just 2 lines of code.
- Implemented real-time streaming of AI agent responses via WebSockets with automatic reconnection (exponential backoff) across both products, improving session continuity and reducing perceived latency in end-user conversations.
- Applied Clean Architecture + DDD principles to the Widget (5 layers: domain, application, infrastructure, presentation, cross-cutting) with 56 domain entities and zero circular dependencies, validated with dependency-cruiser.
- Designed a granular RBAC system (5 permission levels) integrated with NgRx, a PermissionGuard, and a *appHasPermission directive, alongside a 5-step HTTP interceptor pipeline (camelCase↔snake_case transformation, JWT handling, centralized error handling).
- Integrated OAuth 2.0 with Shopify and WooCommerce, multi-language support (ES/EN/PT) with Transloco, an in-house 41-component UI library (Tailwind CSS v4 + DaisyUI v5), and 3 testing layers: unit (Vitest/Jasmine), E2E (Playwright), and architecture validation.