Improve front-end image editor using fabricjs in Angular project

Requirements: - Proved experience with Angular2+ - Innovative and independent thinking - Honesty, honor and professionalism - NDA agreement. Description: Improve an image editor tool to be able to apply filters on images and to add floating objects on the top layer (text, lines, arrows, boxes, double arrows and grid). You will receive a functional initial angular code with the mock data. The code already overlay some fabricjs objects (text and arrows), with option of colors. Additionally, the code already applies filters to the image using Camanjs, we may opt to substitute these filters by fabricjs. A ) FEATURES: 1) Extra fabric objects The user should be able to add - text ( already implemented) - arrows (already implemented) - circles (with fill option) - rectangles (with fill option) - lines (with thickness option) - polygons (with fill option) - double arrow (see how arrow was implemented) - dashed lines (desirable) 2) Correctly serialize and save the data. (very important!) In the initial code there is a button to simulate the reloading of the saved fabricJs overlays. When you finish the project we should run it using "ng serve -build" and check if this reload button is still working properly. If not, you have to check how you are serializing and loading the new fabricjs objects you created. 3) Measure area of select region The user selects an area as a hand-free close figure or by drawing an arbitrary polygon. The app give them the value of the area in m^2 cm^2, whatever the unit informed by the user to set the image scale. "Set image scale" is a feature already implemented on the initial code you received. B ) SPECIFICATIONS 1)Smoothly handling of single objects This is an usability issue. The user should be able to any moment click to select the object for change the relevant property (color, filling, thickness...) or to move it. This is translated in how you are binding events to the objects. Are objects always accessible? Be careful to test this issues very well. Nothing is more irritating than the user, for example, try to move an arrow or a text and he don't manage to get it selected. 2) Design toolbox with icons and material style Each new tool, object you add to then interface you need to follow the angular material style and include the SVG file in the project assets. 3) Select and manipulate multiple objects. The user should be able to select many objects to move or to delete C) REFERENCES: [login to view URL] [login to view URL]