WhatsApp UI Clone

A rebuild of the WhatsApp interface in Flutter — tab navigation, chat list, chat view, and the small interaction details that make an interface feel finished.

Why

Cloning a mature interface is one of the fastest ways to learn a UI framework, because the target is unambiguous. You cannot hand-wave a layout that is four pixels off when the reference is open on the phone beside you.

The parts that taught me the most were the ones I would have skipped in an original design: keyboard-aware scrolling, list items that stay smooth while the underlying data changes, and getting the tab transitions to match the real thing.