Write some Software

This required functionality aims to allow you create graph charts. Technology Angular 2 Project (using the angular quickstart project as base) [login to view URL] NO jquery. Only pure Angular 2. NO bootstrap components. Typescript 2.0 Sigma JS (recommended, you can use other if you have any other better for this request). [login to view URL] 100% responsive (desktop and mobile) (320px is the minimum screen width) All functionality must work with mouse and tap gestures. All created components must be separated as independent component in the Project. Styles must be done with Each component must have its own sass file All sass files must be compiled in a single css file and loaded from [login to view URL] Basic functional description One main Add button to add nodes When pressing Add an Edition PopUp opens: Insert number of Inputs Insert number of outputs Two buttons, Accept and Cancel Node is created with the popup defined Inputs and Outputs. Connections between nodes (between Outputs and Inputs) made with mouse and tap gestures. You can move the nodes around the screen. Nodes must reorder automatically if needed based on screen size, distance between nodes, etc. Nodes must never overlap and proper separation must exist regarding the screen size and orientation. Must have zoom in and out. Using pinch for mobile. When you click or tap in a node, input, output or connection a custom tooltip with information (name and id) must be shown. When you double click or double tap in a node, an edition Popup will open to change the number of Inputs and Outputs. NOTE!: We will only consider freelancers that do appropriate and smart questions about the project. Showing understanding and technology knowledge.