Vue + D3.js + Express Desk Reservation System

The project consists of:

Client: Vue + D3js

Backend: Express + MongoDB

Screenshots:

Main Screen:

Edit mode - can drag / resize / rename desks on the floorplan

Desk selection - by clicking on a desk you see its data and can reserve it

Floorplan features - zoom / toggle layers / change image

Project Setup

npm install
npm start

-> starts both the Vue FE and Express BE on ports 5173 / 3000

Based on the D3 Floorplan library:

https://dciarletta.github.io/d3-floorplan/