Role
At Scalio, I contributed as a frontend engineer to the seating-chart area of a wedding planning platform, focused on interactive floor planning, table management, and guest seat assignment workflows.
- Built the interactive tables experience, including drag-and-drop positioning, rotation, and zoom/pan floor navigation.
- Implemented reusable UI and logic for multiple table types and dynamic chair/seat rendering.
- Developed create, edit, and delete table flows with validation and error handling for operational reliability.
- Integrated guest-to-seat assignment workflows with availability checks to avoid seat conflicts.
- Helped design responsive behavior for desktop and mobile so seating operations remained usable across devices.
Tech
- React + TypeScript architecture for modular feature development.
- Konva-based canvas rendering for floor planning, table placement, and interaction handling.
- React Query for data fetching, mutation flows, and cache synchronization across seating and guest data.
- Jotai atoms for cross-component UI state (selected table, drawers, seating context).
- React Hook Form-based flows for table and guest forms with schema-driven validation.
- Mantine + motion interactions for polished UI behavior in complex task flows.
Impact
- Enabled planners to manage tables and seat assignments in a visual workflow instead of manual lists.
- Reduced data inconsistencies by validating seat availability before guest assignment.
- Improved maintainability by separating geometry/rendering utilities from UI components and query logic.
- Delivered a scalable foundation for extending floor-plan capabilities with additional shapes and premium interactions.