Laundryheap Driver App — UI Reconstruction
Reverse-engineered · UI reconstruction

Laundryheap Driver App — the screens, rebuilt

Ten core screens across the full task lifecycle, reconstructed from the shipped app. Every label is the app's real in-app text, every field is real data from the GraphQL model, the typeface is the app's own Inter, and the palette is Laundryheap's brand.

Fidelity note. Layouts are an informed reconstruction, not screenshots. Exact pixel positions, spacing and iconography are inferred — React Native layout trees don't survive compilation. What is ground-truth: the copy (from the app's i18n strings), the data shown (from the GraphQL schema), the fonts, and the brand. Each screen is captioned with the GraphQL operation behind it, tying back to the logic spec.
navy / ink brand yellow (primary CTA) collected / done arrived / pending fail query/mutation = backing op