Order Tracking
Where your parcel is, as a timeline that admits when it's stuck.
BeginnerWeb appE-commerce8–16hAI-buildable 5/5no setupworth shipping
An order status timeline with progress, estimated delivery, and honest handling of exceptions. Most tracking UIs pretend everything is fine until it isn't; the interesting design work is representing delays and failures without hiding them.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- A vertical timeline of order events with timestamps
- The current stage is clearly distinguished from past and future
- An estimated delivery window is shown with its confidence
- Exceptions and delays render as first-class states, not hidden
- Order contents and totals summarise alongside
- A map shows the current known location where available
- The timeline adapts sensibly on narrow screens
The interesting part
- Representing an uncertain estimate without implying false precision
- Timeline layout when events cluster in time
- Communicating a delay clearly without alarming
Once it works
- Add multiple parcels within one order
- Add delivery notifications
- Add a returns flow from the same timeline
Suggested stack
reacttypescripttailwinddate-fns