Lowcode Platform with Custom Layout & UI Kit (Zero)
Project Overview & Objective
- Lowcode platform with custom layout engine for flexible UI composition
- Configurable styles to match project requirements
- Reusable UI kit for custom components—build once, reuse across projects
- On completion, the system generates apps on the Oneweb platform (core product)
- Reduces app build time and enables non-developers to create apps without writing code
- Reduce app development time with visual layout and config instead of code
- Empower non-developers to build apps using custom layout and UI kit
Role & Responsibilities
- Led frontend architecture and designed custom layout engine
- Architected UI kit structure for component reuse
- Defined schema for style config and validation pipeline
Tech Stack & Tools
React.jsTypeScriptOnewebDesign SystemSchema-driven Layout
Key Challenges & Solutions
Challenges
- Balancing custom layout flexibility with maintainable generated output
- Reusing UI kit components across diverse use cases
- Maintaining design consistency when style configs vary widely
Solutions
- Designed layout schema and validation rules to ensure output quality
- Built design tokens for consistent theming across generated apps
- Applied component composition pattern in UI kit for diverse use cases