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

Job ID: 40228985

Budget: ₹12,500 – ₹37,500 INR

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 / Next.js experience (2+ years)
Experience with Canvas or SVG rendering:
Konva.js (Preferred)
Fabric.js
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.