Completed

Developer needed for creating a Javascript based drag and drop floor plan editor

We require a set of VueJS components that will allow the user to position electrical components on a floor plan.

Required components:

· A canvas displaying the floor plan

· A list of available electrical items for the user to drag and drop on the canvas, organised by category.

· A tree list view representing the rooms and the equipment/equipment groups within them.

The user must be able to:

· Upload a PDF floor plan and display it in a zoomable and pannable canvas.

· Designate room boundaries by drawing polygons on top of the floor plan.

· Drag and drop equipment from the equipment list inside room boundaries.

· Create a named group of equipment within a room and toggle each group's visibility on the canvas.

Events must be created for all operations to facilitate the ability to easily update the backend live as the user is interacting with the interface, this must include:

· Room created

· Room deleted

· Item added to room

· Item deleted from room

· Item repositioned

· Group created

· Group deleted

· Item added to group

· Item removed from group

· Group visibility changed

A programmatic method for creating rooms, as well as adding and positioning equipment must be present so we can facilitate restoring the components from saved data

Skills: JavaScript, HTML5, CSS, Vue.js, Graphic Design

See more: vaadin designer, bootstrap grid drag and drop, javascript grid layout

About the Employer:
( 3 reviews ) Reading, United Kingdom

Project ID: #25179131

Awarded to:

JulijanAndjelic

Hi there, Thanks for the detailed project description, understood exactly what needs to be done and I'm 100% confident you would be satisfied with the outcome. First step is allowing user to select PDF or an image, t More

£950 GBP in 9 days
(111 Reviews)
7.3

10 freelancers are bidding on average £1190 for this job

extreamcode

HI, I can assist you with Javascript based drag and drop floor plan editor . This is a placeholder bid, I would be able to quote final price and time after discussion. I highly value professionalism and hold myself str More

£1125 GBP in 7 days
(55 Reviews)
7.2
contriverz

Hi there, Hope you doing great !!! I am Full stack developer having experience more than 8+ years and have good knowledge on java and Mq SQ, MONGO DB, JAVASCRIPT, ANGULAR JS, NODE JS, REACT JS, RADIS, REDUX & FLUX. More

£1500 GBP in 15 days
(106 Reviews)
7.6
rainstreamweb

Hello, I hope you are safe and doing great! I have 9 Years of experience as a Full-stack developer. I can quickly start working on your project. Let's connect and discuss more on your requirements. Some of my rece More

£2125 GBP in 17 days
(33 Reviews)
6.6
JijoThomas2020

Hello, how are you? I have gone through y our description carefully. As an experienced web developer, I am very familiar with HTML5 canvas, webGL and several javascript game engines like threejs. But also I have rich e More

£1200 GBP in 20 days
(9 Reviews)
5.3
marpaitalia

Hi ! thanks for your post. I have checked your post in detail. Im very interesting for your project. Because I have already made the same site using flash and AS3 and also I have many experience for building drag/drop More

£1500 GBP in 30 days
(11 Reviews)
5.0
sifisolutions

Hi,Greetings of the day I have 5 years experience in web development and designing.I have done many live projects.I have created many websites using different technologies.I can develop the drag and drop floor editing More

£800 GBP in 20 days
(14 Reviews)
4.4
akmishra001997

I like to do this job. I'll inspect the issue and find the best possible solution for it ASAP. I am expert in following technologies.. FRONT-END (" HTML 5, CSS 3, BOOTSTRAP, RESPONSIVE WEBSITE,JAVASCRIPT, ALL ANGULA More

£750 GBP in 7 days
(0 Reviews)
0.0
smiticbiz

Hi, there, I have good experience with Laravel, Vue.js Due to your listed requirements closely match my skills, I am confident my specialized knowledge of Vue.js would enable to contribute to your project. I would be t More

£1000 GBP in 7 days
(0 Reviews)
0.0
johnkowalsky0607

Hello, I can create this web app according to your specifcation (based on your description) using: - for backend - PHP(Laravel), - for frontend - JavaScript (vue.js/vuetify - interface and [login to view URL] - canvas), If yo More

£950 GBP in 10 days
(0 Reviews)
0.0