Jonny Box

🪛 Jonny Box — Quick Start

What You'll Need

• 3-ring binder with numbered pockets — for screws and small components
• Tackle/tool box with numbered, removable dividers — for bolts and medium-sized components
• Numbered tags — to attach directly to larger components

1. Start a Project

Choose Image to upload a photo of the item you're disassembling, or Load Project (JSON) to resume a saved one.

2. Log Each Part as You Remove It

Click its location directly on the photo, then tag it:

• Screw / small component → click the spot, place the part in the matching numbered binder pocket.
• Bolt / medium component → click the spot, place the part in the matching numbered tackle box compartment. If it doesn't fit, click twice to merge with the neighboring compartment, then remove the physical divider.
• Component (large) → click the spot, attach the matching numbered tag to the part.
• Custom → for anything else.

3. Add Notes

Use Add Instructions to Last Step to attach a note to the most recent marker — great for odd screw lengths, orientation, or anything easy to forget.

4. Undo / Save

Undo Last Step removes the most recent marker. Export Project saves your photo, markers, and notes as a JSON file you can reload later.

5. Reassembling

Work through the Steps list from the bottom up — each numbered point tells you exactly where the part goes. Match the number to its binder pocket, tackle box compartment, or tag.

6. Going Deeper (Multiple Photos)

Use Add Another Photo to add a new photo as you dig further into the item (e.g. the internals after removing the case). Numbering continues across photos — it never restarts. Once you have more than one photo, tabs appear above the photo so you can click to switch between them.

7. Repeat Marker

If the same part appears in more than one spot or photo (e.g. Screw #6 shows up on two photos), click Repeat Marker, pick the number from the dropdown, then click anywhere on either photo to place that same number again — without disturbing your normal numbering sequence. Repeated markers are labeled with an "R" (e.g. "6R"). Click Repeat Marker again to turn it off.

Watch the video walkthrough