Delete Account
The account-deletion panel on /dashboard/settings. It is the only irreversible action in the product, and the only one whose existence a document promises: /privacy states that deletion is self-serve, immediate and complete.
Collapsed, then confirmed
Two states in one component. Collapsed it is a warning plus one button, so the destructive path is never one stray click away. Expanded it asks for the word DELETE typed exactly — the disabled button is a courtesy, the server action re-checks the phrase. Inline rather than a modal: the product has no dialog primitive, and its one hand-rolled modal has no focus trap. Since the button and the form never coexist, expanding moves keyboard focus onto the confirmation input and Cancel moves it back onto the "Delete account" button — neither is left stranded on `<body>`. Shown at 672px, the width the settings page gives it.
Небезпечна зона
Видалити акаунт
Разом з акаунтом зникнуть усі твої співбесіди, транскрипти, оцінки та підібрані вакансії. Це незворотно — резервної копії немає і відновити дані ми не зможемо.
| Prop | Type | Default | Description |
|---|---|---|---|
| — | — | — | No props by design. Passing a user id in would create a second source of truth for who is being deleted; the server action reads the session instead. |

VoiceMock was built by one designer
I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.
Product Designer · AI Design Engineer · Designer for Startups
See it on LinkedIn