All sidework
SIDEWORK / Security

Brankas

A password vault with browser-side encryption and tools for creating stronger credentials.

Independent projectDesign & development
Brankas password generator interface with password configuration controls.
Password generator.
THE IDEA

Keep credentials close.

A personal password-management application with a vault interface and a password generator, connecting to a Vaultwarden-compatible service.

WHAT I BUILT

An encrypted vault for everyday logins.

Used Web Crypto for browser-side cryptography, with Zustand managing the client interface state and Vaultwarden providing the backing vault service.

  • Vault items for logins, secure notes, cards, and identities.
  • Search and folder filters for saved credentials.
  • Configurable password generation with strength feedback.
  • Automatic vault locking, dark mode, and JSON export.
  • Vaultwarden integration with browser-side cryptography.
THE TOOLKIT
Next.jsReactTypeScriptTailwind CSSZustandWeb CryptoVaultwarden
A CLOSER LOOK

Inside Brankas.

03 SCREEN VIEWS
Brankas password generator interface with password configuration controls.

Brankas overview

Password generator.

Brankas login item editor with a sample website, username, and masked password.

Store a login

Website credentials grouped in one item, shown with unsaved sample fields.

Brankas secure note editor with a fictional note and item type selector.

Keep a private note

A secure-note item for information beyond a login, using an unsaved fictional note.