The goal of layout while passing images from Raspberry Pi into browser is like the wireframe below.

We used one-directional scrolling feature for image preview from the project darsain/sly (GitHub), and the result is pretty nice!

The Next Step

Setup our database for FabDoc-console, and categories of db are going to be like following structure:

1. • tables: Project, Commit, Machines
   • Project: id, name, description, License
   • Commit: id, project_id, user_id, message, components, repos, note, image_file (components: [ { name: "hook", quantity: 2, point:[left-top, right-bottom] }, …])
   • Machines: id, name, description, commit_id