WEB PRODUCT · INVENTORY

HOMEVAULT

A responsive dashboard for organizing belongings by room and category, documenting estimated value, and exporting a portable inventory.

React · TypeScript · Vite · Supabase · Tailwind CSS

HomeVault dashboard populated with built-in demo inventory data
HomeVault responsive dashboard on a narrow mobile viewport

PROJECT SNAPSHOT

Inventory that is easy to explore before sign-up

Type
Responsive web application
Status
Public demo; optional authenticated mode
Technologies
React, TypeScript, Vite, Supabase, Tailwind CSS
  • Room, category, and item organization
  • Search across inventory details
  • CSV export and estimated-value summaries
  • Demo changes stored only in the browser
  • Optional Supabase authentication and private photo storage
SOURCE REPOSITORY LIVE DEMO
HomeVault room and category detail using demo data HomeVault item form containing synthetic demonstration information

Technical details

A HashRouter keeps navigation compatible with static hosting. Demo mode uses a built-in dataset and browser-local state, while an optional Supabase configuration adds email authentication, owner-scoped relational data, and private image storage.

Database policies check ownership across the room → category → item hierarchy. The browser anon key is treated as public configuration; authorization depends on Row Level Security and storage policies.

Verification & limitations

The production build passes locally. Authenticated mode remains pre-production until the row and storage policies are verified with two disposable accounts in Supabase.

The current model supports one photo per item and one account per inventory. Shared households, receipt scanning, PDF reports, and automated backups are not implemented.