Private work
Clinic platform with 3D insole design
Internal tool. Screens recreated for confidentiality. No public link.
A web platform that takes a podiatry clinic from a foot scan to a finished insole, in the browser. Podiatrists and their staff keep patients and projects in it, shape each insole in 3D, and send it to a 3D printer or a CNC mill.
Recreated
Not a screenshot- Role
- Design and build
- Used by
- Podiatrists and clinic staff
- Replaced
- Desktop insole software that ties a clinic to one vendor
- What comes out
- STL files, G-code for a 3D printer, NC files for a CNC mill
- Size
- About 64,600 lines of code and 22 test files
- Stack
- Next.js 16, React 19, TypeScript, Prisma on Postgres, Better Auth with Google and Microsoft sign-in, Supabase Storage, Three.js with React Three Fiber, Tailwind 4, Vitest
Try it
The insole editor, to try.
Private work
Design editor
Recreated and live. Orbit the pair, move a slider, set a zone, re-pick the landmarks.
Turn it
Drag the insoles. Or click the view and use the arrow keys, plus and minus.
Shape it
Design tab. Heel cup, medial arch and heel lift have a slider per foot, and the surface follows while you drag.
Set the hardness
Print tab. Split an insole into front, middle and back, then give each zone its own infill.
Mark the scan
Basics tab. Re-pick the five landmarks in the order the tool asks for them.
Why it is here
What it replaced, and what it shows.
What it replaced
It was built as an alternative to desktop insole software that ties a clinic to one vendor. Same job, in a browser tab.
What I won’t tell you
A result. I have no outcome figures for this one, so I claim none.
How the data hangs together
- One product, many customers
- Each clinic has its own workspace, address, users, plan and usage limits. A platform admin manages the clinics, their plans and the access keys new sign-ups need.
- Roles and access
- Admin and Staff roles, invitations by email or by code, and an audit log table in the data model. Patients, projects and designs are soft-deleted.
- 3D in the browser
- Scans arrive as STL pairs. Staff mark five landmarks, then shape the insole with sliders that rebuild the mesh as they move, pads from a library, and a hardness per zone.
- Software that talks to machines
- A small agent on the clinic’s Windows PC turns a design into G-code for the 3D printer. It sits in the tray, reports a heartbeat and updates itself. Milled insoles leave as NC files, planned on an eight-slot fixture.
Screens
Seven screens, redrawn from scratch.
Screen 1 of 7: Dashboard
| Project | Patient | Status | Date | |
|---|---|---|---|---|
| Running insoles | Demo Patient, Anna | In progress | 10 Nov 2026 | |
| Work shoes, second pair | Test Patient, Tom | Draft | 9 Nov 2026 | |
| Everyday pair | Sample, Sara | Completed | 6 Nov 2026 | |
| Football boots | Example, Eva | In progress | 5 Nov 2026 | |
| Hiking boots | Placeholder, Pieter | Archived | 28 Oct 2026 |
Screen 2 of 7: Patients
Screen 3 of 7: Project
- Status
- In progress
- Patient
- Demo Patient, Anna
- Practitioner
- Emma Example
- Date
- 3 Nov 2026
- Created
- 3 Nov 2026, 09:12
Screen 4 of 7: Landmarks
Click the 5th metatarsal head
Point 3 of 5. Then the lateral stability point and the heel centre.
Screen 5 of 7: Design editor
Screen 6 of 7: CNC planner
Click a slot to assign the next pair, or to clear it.
Screen 7 of 7: Settings
Private work
Dashboard
The clinic’s counts and its five most recent projects. Every clinic has a workspace of its own.
Private work
States
What the tour does not stop on: empty and loading, the ends of an upload, autosave, the G-code job, the print agent.
The services this is proof for
More work without a public link
Bring me the tool your team works around.