How mafubo-mark/forme works
Forme is a static, browser-based demo for designing and ordering custom prosthetic covers. Users move from the design flow—video or image selection, illustrative model preview, color and inspiration, and material choice—to saved designs, demo checkout, order history, and delivery status; sign-in and account activity support that journey. The README says designs, orders, and the demo session use browser local storage. Source excerpts were unavailable, so links reflect documented behavior only; reserved backend APIs are not shown as active integrations.
Main entry points: main.js Shared interactions · create.html Design flow · prosthetic.html Saved designs · order.html Order history
Components 14
Design experience
- Home and process
dist/index.html - Design flow
dist/create.html - Media selection
dist/create.html - Model preview
dist/create.html - Color and material
dist/create.html - Saved designs
dist/prosthetic.html
Orders and delivery
- Demo checkout
dist/checkout.html - Order history
dist/order.html - Delivery status
dist/delivery.html
Account
- Demo sign-in
dist/login.html - Profile and activity
dist/account.html
Browser runtime
- Shared interactions
dist/js/main.js - Browser local storage
Other components
- Visitor
Connections 23
- Visitor → Home and process: opens
- Visitor → Design flow: designs
- Visitor → Demo sign-in: signs in
- Visitor → Saved designs: manages designs
- Visitor → Demo checkout: checks out
- Visitor → Order history: views orders
- Visitor → Delivery status: checks delivery
- Visitor → Profile and activity: views account
- Design flow → Media selection: selects media
- Design flow → Model preview: previews model
- Design flow → Color and material: chooses finish
- Design flow → Shared interactions: uses interactions
- Saved designs → Shared interactions: uses interactions
- Demo checkout → Shared interactions: uses interactions
- Order history → Shared interactions: uses interactions
- Delivery status → Shared interactions: uses interactions
- Demo sign-in → Shared interactions: uses interactions
- Profile and activity → Shared interactions: uses interactions
- Shared interactions → Browser local storage: stores session, designs and orders
- Saved designs → Browser local storage: reads saved designs
- Order history → Browser local storage: reads order history
- Delivery status → Browser local storage: reads delivery status
- Profile and activity → Browser local storage: reads activity