Regarding the Project builder Implementation

[Karan-Palan]

The project uses MVC (Model–view–controller architecture)

From my understanding of the project, we possess several bricks in SVG format. Some of them feature inputs, while others do not. Each of these bricks will have the same shape, and an instance will be created to execute various functions. The size will be loaded onto the contents. Add text to svgs.

These Bricks are just SVG which are rendered dynamically based on
the props' values, also they’re using React.memo to memoize the expensive
computations and to avoid unwanted multiple re-renders.

The project also utilizes the 2D detection algorithm Quadtree to detect collisions between blocks.

The goal is to integrate this prototype into our MB4 project

Also to make the project more User friendly, inspiration can be taken from Blockly

I have a lot of other features in my mind and will be adding them to the discussion section as I continue working on the project