Building floor plan management microservice with angular 6+ frontend and spring boot backend
The developed web application will have two main tasks: management and display of building floor plans. For these two tasks at least two reusable angular components should be created.
The user must be able to create and edit a building’s floor plan. The backend must support create, update and delete functions. The front end must be created in a way that the user can draw the floor plan from simple shapes which represent places in the floor plan (minimalistic design, no architecture-grade floor plans are needed).
An establishment can have multiple buildings, buildings can have multiple floors which should be modeled as separate floor plans. A place in a floor plan can have a more granular realization, which can be handled as a separate floor plan as well. Each place can have zero or one child floor plans. The size of a place should be set in units as well so place sizes can be realistic related to each other.
Each floor plan can have a background image uploaded by the user, for example a picture from google maps, so the roads, parks, etc are visible without drawing.
Typical management use-case :
Select or add building ( name )
Add floor plan to the selected building, or modify a selected floor plan
Select is the floor plan is root or child of a place
Draw the floor plan, set color and name of the places on the floor plan.
The display component must be able to display the selected floor plan, show the place names and show icons on places. The icon placement must be decided by the component, the image to display must be an input from external components. The places in the layout must be selectable ( multi-select ), either from a dropdown box or by clicking on the graphic visualization, and sent as an output of the component. If the place has a child floor plan, the place must have a “zoom” icon which switches to the child layout (no real visual zooming needed).
Typical user use-case:
Select building from a dropdown list. The first root floor plan connected to the building is shown.
Select one of the floor plans of the building either from a dropdown box, or by navigating on the graphical visualization ( “zoom in” into a place which has a child layout, zoom out, etc )
Add the selected place to a “selected places” list ( should be handled separately, because the selected places can be from different layouts )
Remove a place from the “selected places” list
Further details will be discussed after the job is assigned.
Spring boot backend with java 8, MySQL database, angular 6+
Basic documentation ( swagger api docs and database diagram - no long texts or user manual needed )
Clean, self explaining ( or commented ) code ( both the front end and back end code will be verified by senior full stack developers )
Responsive design for the front end
3 фрилансеров(-а) в среднем готовы выполнить эту работу за $88
I have experience with spring /boot,security,data etc./,jscript & jquery,html & css,mysql,template engines like thymeleaf and handlebars and much more! Contact with me1