Step 0: Setup npm and angular

Step 1: Clone Repo - git clone https://github.com/ankitshaw/GraphicEditor.git

Step 2: Install Dependencies - npm install i

Step 3: Run App - ng serve, Navigate to http:https://localhost:4200/ to launch app.

Step 4: For Webrtc functionality (Not Complete.) -Install - npm install peer -g -Run before Step 3 - peerjs --port 9000 --key peerjs --path /editor -On loading the app. Copy the id from one client to another and click Connect! This will send a pop up to first client, Click ok and clients are connected. Check console logs for details.

A panel that loads thumbnails from Picsum.

A blank canvas (toggle between 16/9 and 9/16)

Drag and drop images on the canvas from left panel

Click on an image to bring it in front

Ability to connect two client using peer id. Can send the canvas update details from A to B Client. Rendering the details on the B client canvas not implemented.