Graphic Web-application on VueJS
Budget: €30 – €250 EUR
I need a small Web-application on VueJS (Version 3)
1. Customer enters the dimensions of the floor plan (e.g.: 3m x 4m) (You can then define the scale from here) - Then the canvas/viewport is created.
2. Customer imports a floor plan in JPG format into the canvas/viewport
3. The customer marks the corners of the room on the floor plan/canvas with a mouse click. A border area of 1 cm is then created. The m2 of the room should be calculated and saved in the background, as these are required for the calculation later.
5. 3 elements can be loaded into the rooms (rectangles with different colors), the sizes are to be defined beforehand and the elements contain additional information (dimensions, watts, amps and volts). As soon as an element has been placed in the room, you can click on a + symbol on the side to expand it to the respective page.
6. Storage option (export/import)
7. Print function via the browser from the floor plan, only with the drawing in it.
1. Customer enters the dimensions of the floor plan (e.g.: 3m x 4m) (You can then define the scale from here) - Then the canvas/viewport is created.
2. Customer imports a floor plan in JPG format into the canvas/viewport
3. The customer marks the corners of the room on the floor plan/canvas with a mouse click. A border area of 1 cm is then created. The m2 of the room should be calculated and saved in the background, as these are required for the calculation later.
5. 3 elements can be loaded into the rooms (rectangles with different colors), the sizes are to be defined beforehand and the elements contain additional information (dimensions, watts, amps and volts). As soon as an element has been placed in the room, you can click on a + symbol on the side to expand it to the respective page.
6. Storage option (export/import)
7. Print function via the browser from the floor plan, only with the drawing in it.