Loka
Loka provides a shared UI foundation for Venu, establishing centralized design tokens, accessible components, and fluid micro-interactions across independent web apps.
Problem Statement
When building a large application like Venu across multiple Microfrontends, UI inconsistency is a common issue. Loka was created as a shared design system to ensure that buttons, forms, and layouts look and feel the same across the entire ecosystem.
Technical Challenge
The core challenge was building a fast, reusable UI library that maintains visual consistency without mixing in any ticketing-specific business logic.
Centralized Theming
Used CSS Variables to create a single source of truth for typography, spacing, and colors. This makes it easy to apply the brand's visual identity across any remote application.
Built-in Micro-Interactions
Added animations and layout transitions directly into base components, ensuring that everyday interactions (like opening a modal or hovering a button) feel polished without requiring developers to write custom animation code.
Accessible Overlays & Feedback
Engineered animated dialog modals with backdrop blur and stacking toast notification pipelines, delivering fluid user feedback without causing layout shifts across independent microfrontends.
Design System Guidelines
To ensure consistency across all Microfrontends, I documented the core design tokens, typography scales, and base components in a central hub.
The Result
Loka significantly reduced UI inconsistencies across Venu's ecosystem. It provided product teams with a ready-to-use toolkit that sped up the development of new features.
Lessons Learned
Building Loka emphasized the importance of strict API boundaries. I learned that a UI component must remain completely unaware of business data in order to be genuinely reusable in different contexts.
More Projects
Flowboard
Flowboard enables real-time team collaboration through synchronized boards, live user presence, inline discussions, and optimistic UI updates.
Venu
Venu handles high-traffic ticket drops across independent frontend applications, covering simulated waiting rooms, interactive seat selection, and digital ticket checkout.
Janji Sehat
Digitizing patient bookings through passwordless OTP authentication and real-time scheduling.
Kitchef
Kitchef unifies recipe discovery with on-demand grocery delivery, synchronizing ingredients, live order tracking, and in-app chat between customer and driver apps.
