About the Casebook

The Frontend Casebook is a collection of Growth.Design-style case studies for frontend engineers — focused on the real decisions, tradeoffs, and patterns that ship production UI.

Each case walks through a real problem: what goes wrong, why, what better looks like, and how to implement it. With an interactive demo and reading levels for junior, mid, and staff engineers.

Methodology

Story format inspired by Growth.Design. Cases are structured as:

• Hook — the user pain
• Concept — the principle behind it
• Story — patterns good and bad
• Demo — try it, broken vs fixed
• Depth — implementation notes
• Takeaway — what to remember

Casey

Casey is your guide — a developer kitten who ages with the reading level. Junior Casey gives friendly tips; Staff Casey surfaces production gotchas. Hints appear as you scroll through chapters. Voice is opt-in only — tap Listen with Casey to start.

Reading levels

Every case ships with three tones: Junior, Mid, and Staff. Junior explains concepts from scratch; Mid assumes React familiarity; Staff digs into production measurement and tradeoffs.

Your selection persists across cases — you control the depth.

Accessibility

The Casebook aims for WCAG 2.2 AA compliance. Here's what you can control:

• Appearance — use the sun/moon button in the header to choose Light, Dark, or Match system. Your choice is saved locally.
• Reading level — the tone switcher (Junior / Mid / Staff) controls content depth, not colour. These are separate controls.
• Motion — scroll reveals and Casey animations respect your OS Reduce Motion setting. No manual toggle needed.
• Voice (Casey) — opt-in only. Tap "Listen with Casey" to start; it stops automatically when you switch tone or appearance.
• Focus — all interactive controls have visible focus rings (≥ 3px). Tab order follows reading order.
• Skip link — press Tab immediately after loading to reveal "Skip to story".

Found an issue? Email Animesh or open a GitHub issue.

Newsletter

Inside the Casebook — a short note when a new case ships. Double opt-in, easy unsubscribe. Your email is stored by Buttondown — no other tracking.

{ } Newsletter

Inside the Casebook

New cases every few weeks — patterns from production UI engineering. Double opt-in, easy unsubscribe.

Email address Subscribe

No spam. Unsubscribe anytime. Emails sent via Buttondown.

RSS feed

About the author

Built by Animesh Pandey — Senior Frontend Engineer, 7+ years shipping production SaaS UIs. The Casebook is the collection of patterns I wish I'd had earlier.

← Animesh's portfolio