The webapp allows user to build a "proofbook" from a list of approved proofs. After logging in, the app connects to ProofHQ.com via API to retrieve a list of workspaces, basically folders, and proofs which are PDF files. A tree control on left side shows the hierarchy of workspaces and proofs.
The user can build a proofbook by dragging one or more proofs to a list (drop target) on right. The order of proofs in the list can be modified by selecting & dragging. Delete by clicking "X" next to proof.
There are a couple of options for filtering the proof list on left via controls that are shown at top - by selecting one or more "tags" and/or selecting to show only "approved proofs" from combobox.
These controls can all be changed in your UX design.
Once the proofbook list is complete, the user requests it be built by clicking on the "assemble book" button on right.
Other controls currently available are "Add all proofs" button which adds all visible proofs to list and a button to logout of app.
Not shown in videos is a preview image for selected proof in left list. Not sure if it should be in a fixed location or pop-up on mouse-over a list item.
Frontend is written in AngularJS 1.5 and backend in Node 6 with Jade.