biggy
8681aa88af
- Added functionality for subscribing to push notifications in Settings.vue. - Integrated service worker registration and notification permission requests. - Enhanced Vite configuration for PWA with manifest and caching strategies. - Created a script for generating PDF reports. - Added project report markdown file detailing the PWA implementation and features.
Budget Manager PWA
A Progressive Web App for managing personal finances with push notifications.
Features
- Track expenses and income
- Manage budget categories with custom colors
- View financial reports and analytics
- Receive push notifications for new transactions
- Works offline with local data storage
- Full PWA support for mobile installation
Setup Instructions
Backend
-
Navigate to the backend directory:
cd backend -
Install dependencies:
bun install -
Generate VAPID keys for push notifications:
cd scripts bun run generate-vapid-keys.js -
Copy the
.env.exampleto.envand update with your VAPID keys:cp .env.example .env -
Start the backend server:
bun start
Frontend
-
Navigate to the frontend directory:
cd frontend -
Install dependencies:
bun install -
Start the development server:
bun dev
Push Notifications
The app supports push notifications for the following events:
- New transaction added
- Budget threshold exceeded
To enable push notifications:
- Go to the Settings page
- Toggle "Push Notifications" to On
- Grant notification permissions when prompted