Freelance Frontend Engineer – 2D Floor Plan Generator (React + Canvas + Geometry)

Freelance Frontend Engineer – 2D Floor Plan Generator (React + Canvas + Geometry) About the Project We are building a 2D AI-assisted floor plan generator for OneCasa, a real estate and construction-tech platform. The system will automatically generate editable 2D house layouts based on user inputs such as: Plot size (Width × Length) BHK type Facing direction Floors Vastu preference Parking / Balcony requirement This is a draft-generation tool (not AutoCAD-level software). Project Objective Build a smart 2D layout engine that: Generates a floor plan automatically Ensures rooms fit within plot boundaries Prevents room overlap Maintains realistic adjacency rules Allows drag and resize editing Exports layout as PNG Stores layout as JSON OpenAI will be used for suggestion logic (room sizing, adjacency planning, vastu suggestions), but geometry placement must be rule-based. Required Technical Skills Core (Must Have) Strong React / [login to view URL] experience (2+ years) Experience with Canvas or SVG rendering: [login to view URL] (Preferred) [login to view URL] Or custom SVG rendering Strong JavaScript / TypeScript logic Experience building interactive UIs: Drag and drop Resize handles Coordinate positioning Good understanding of: Geometry calculations Coordinate systems (x, y, width, height) Scaling and proportions Collision detection (prevent overlap) Ability to structure clean modular code Backend / Integration (Basic Required) Ability to integrate REST APIs (NestJS backend) Handle structured JSON layout schemas Basic understanding of state management Good to Have (Bonus) Experience in: Floor plan tools CAD-style interfaces Construction or architecture tech Knowledge of: Constraint-based layout logic Space allocation algorithms Experience integrating OpenAI APIs Experience exporting Canvas to PNG/PDF Responsibilities Design and implement a rule-based layout generation engine Create a scalable JSON layout schema Render 2D floor plan using Canvas/SVG Implement drag + resize editing Add room labels and dimensions Implement PNG export Ensure layout does not break under edge cases Deliver clean, documented code Deliverables Working 2D auto floor plan generator Editable UI 5+ intelligent BHK layout templates JSON storage format PNG export feature Clean code with documentation Deployment-ready build Duration 8-10Days Full focus preferred.

Project ID: 40228985