LaundryOS — From Drop-Off to Delivery

Customer dropping off laundry at LaundryOS counter

Scene 01 — Drop-Off

Every order,
captured instantly.

When Hanna walks into your shop, Almaz creates her order in under 10 seconds. No paper, no confusion, no lost notes.

LaundryOS records every detail — items, weight, service type, pickup or delivery preference — and assigns a unique tracking number she can follow.

Hanna feels: Confident. She got a real receipt with a tracking number, just like a big company.

You feel: In control. Every order in the system from second one.

Scene 02 — Wash Cycle

Assign work.
Track everything.

LaundryOS auto-assigns Almaz to handle Hanna's order based on her workload and shift. The machine is logged. The clock starts.

Every staff member knows what's theirs. No more "who's handling what?" chaos — visible from any device across all branches.

Almaz feels: Clear. Her queue is visible, her workload is fair, her performance is recognized.

You feel: Organized. See who's doing what across all branches — from your phone.

Washing machine cycle with staff assignment UI

Dryer with quality check and SMS notification

Scene 03 — Drying + SMS

Customers stay
in the loop, always.

The moment Hanna's clothes move to the dryer, LaundryOS sends her an SMS update. She doesn't have to call. She doesn't have to wonder.

Every status change, every delivery update — straight to her phone in Amharic or English.

Hanna feels: Respected. The shop treats her like a real customer, not a ticket number.

You feel: Free. No more answering "is my laundry ready?" calls all day.

Scene 04 — Iron & Fold

Every garment tagged.
Every order traceable.

LaundryOS prints a QR code for every order. When clothes are folded, each bundle is scanned and assigned to the right shelf, the right delivery, the right customer.

Lost laundry? Mixed-up bags? Not anymore. Scan, find, deliver — in seconds.

Almaz feels: Proud. Her work is visible and traceable. No blame for lost items.

You feel: Protected. Every garment has a digital trail you can audit anytime.

Staff ironing and folding clothes with QR tagging

Delivery rider on motorbike with route map

Scene 05 — Delivery

Smart routing.
Real-time tracking.

LaundryOS plans Bereket's route automatically — grouping nearby drop-offs to save time and fuel. He follows it on his phone. Hanna sees his location live.

No more "I'll be there in 10 minutes" for the third hour in a row.

Bereket feels: Efficient. He delivers more orders per shift without rushing or getting lost.

You feel: Profitable. More deliveries per driver means better margins and happier customers.

Scene 06 — Handoff

Happy customers
come back. And refer.

Hanna gets her clean clothes exactly when promised. She rates the delivery 5 stars in one tap. She tells her sister. Her sister becomes a customer next week.

LaundryOS turns one good experience into ten new orders.

Hanna feels: Loyal. She'll never go back to the shop that loses her socks and never calls back.

You feel: Growing. Word-of-mouth referrals start happening automatically.

Owner Dashboard — LaundryOS

47,200

Revenue ETB

Orders

4.8 ★

Avg Rating

Scene 07 — Owner Dashboard

Every order.
One dashboard.

While Hanna's happy and Bereket's on the next run, you're watching the whole operation from your phone — revenue climbing, ratings up, zero surprises.

LaundryOS turns six chaotic steps into one clean view of your business.

You feel: Like an owner, not an operator. The data works for you, not the other way around.

Under the hood

The tech stack.

Built as a standalone static demo — no framework, no build step, no backend — architected with production discipline.

Frontend

Vanilla HTML5 / CSS3

Zero frameworks
no build step

JavaScript ES6+

Modules, closures,
template literals

GSAP ScrollTrigger

Scroll-driven scene
entrance animations

Inline SVG icons

No icon font
shared icons.js lib

CSS Custom Properties

Full design token system
4-layer surface scale

Architecture

assets/data.js

Global data store
Ethiopian seed data

assets/app.js

Shared: clock, toasts,
status badges, counters

assets/icons.js

SVG icon registry
global icon() helper

assets/styles.css

Shared design system
all 9 pages consume it

9 × standalone HTML

Each module fully
self-contained

Data + Infra

In-memory data store

LAUNDRY_DATA global
mutated at runtime

Ethiopian seed data

Amharic names,
Addis Ababa addresses

Status state machine

6-stage order lifecycle
enforced transitions

Zero dependencies

No npm, no node_modules
no build pipeline

Static file hosting

Netlify / Vercel
GitHub Pages

Production Stack

Next.js 14 App Router

React server components
file-based routing

Supabase (PostgreSQL)

Realtime subscriptions
row-level security

Twilio / Infobip SMS

Customer notifications
order status alerts

TailwindCSS + shadcn/ui

Component library
design tokens

Vercel Edge Deploy

Global CDN, ISR
sub-50ms TTFB

Design System

Cream-first palette

Warm ivory surfaces
sky/amber/mint accents

Isometric 3D assets

Low-poly chibi style
GLB-ready scaffolding

Per-scene color lines

Animated flow paths
matching asset imagery

Holographic UI cards

Glassmorphism overlays
replicating 3D renders

Inter typeface

Variable weight 300–900
subpixel rendering

3D Roadmap

Three.js r128

WebGL renderer
scene + camera setup

GSAP ScrollTrigger

Scroll-to-timeline
pinned playback

GLB asset format

Draco compressed
KTX2 textures

Mixamo-compat rigs

Shared character bones
for all human assets

Custom flow shaders

GLSL animated dashes
per-scene color lines

Run your laundry shop
like an enterprise.

Every order,
captured instantly.

Assign work.
Track everything.

Customers stay
in the loop, always.

Every garment tagged.
Every order traceable.

Smart routing.
Real-time tracking.

Happy customers
come back. And refer.

Every order.
One dashboard.

Ready to see it
in action?

Run your laundry shop like an enterprise.

Every order,captured instantly.

Assign work.Track everything.

Customers stayin the loop, always.

Every garment tagged.Every order traceable.

Smart routing.Real-time tracking.

Happy customerscome back. And refer.

Every order.One dashboard.

Ready to see itin action?

Run your laundry shop
like an enterprise.

Every order,
captured instantly.

Assign work.
Track everything.

Customers stay
in the loop, always.

Every garment tagged.
Every order traceable.

Smart routing.
Real-time tracking.

Happy customers
come back. And refer.

Every order.
One dashboard.

Ready to see it
in action?