Sundry — Vue 3 Budget & Expense Tracker

You receive the complete source code for the Sundry Vue 3 Budget & Expense Tracker, including all Vue 3 script-setup SFCs, TypeScript files, Vite configuration, and the full set of views: Overview, Transactions, Budgets, Accounts, and Settings. No external UI framework or chart library is used, so there are no additional paid dependencies to manage.

No — Sundry is entirely local-first and stores all data in the browser's localStorage with no backend, API, or database required. You can also export your data as JSON, import it later, or reset it entirely from the Settings view.

You need Node.js and a package manager (npm/yarn/pnpm) to install dependencies and run the Vite 5 dev server or build. Familiarity with Vue 3 (Composition API / script setup) and TypeScript is recommended if you plan to customise the code beyond configuration.

Yes — the project uses a reactive store layer that is explicitly designed to be swapped out for your own API or remote data source. The rest of the application logic and UI will continue to work once the store methods return the same data shapes.

Sundry includes built-in Settings for currency selection and accent theme switching, so common visual tweaks require no code changes. Because no external CSS framework is used, deeper design changes — such as replacing the midnight color palette or typography — are straightforward to make directly in the source files.

Sundry targets all modern evergreen browsers that support the localStorage API and ES modules, which covers Chrome, Firefox, Safari, and Edge. The interface is fully responsive and includes a mobile-friendly drawer navigation, plus empty, loading, error, and validation states for a complete production-ready experience.