Expense Manager
Active

Expense Manager

Active

Work expenses lived across receipts, transfers, and chat threads — half in EUR, half in UAH. I designed and built one place for all of them: monthly journals, real-time analytics, receipt links on every line, styled Excel reports ready for the accountant — and even adding new expenses straight from Telegram.

  • Sole designer, developer, and operator
    Built end-to-end by me
  • Live analytics
    Categories, monthly comparison, balance — all real-time
  • Accountant-ready
    Styled Excel exports, every line linked to its receipt
Private app — screenshots only
Expense Manager — monthly expense entry view with two-currency tracking (EUR + UAH)
Analytics dashboard — Expenses by Category, Monthly Comparison, Monthly Balance
Settings
Categories
Delivery×
Education×
Equipment×
Internet×
Office Supplies×
Other×
Repair×
Tax×
Utilities×
+Add category
Columns
+Add column
Totals · 12 months
Total income
14 500,00 €
12 transfers
Total expenses · EUR
14 082,92 €
246 transactions
Total expenses · UAH
635 114,88 ₴
Avg. monthly spend
1 173,58 €
52 926,24 ₴
Excel report — styled monthly export ready for accounting
System overview · How Expense Manager works
1. Input
Capture expenses
manually or via chat
Web UI (manual) (Optional) Telegram Bot
1
2. Processing
Parse, validate and
structure data
Custom parsing logic Make.com
2
3. Data layer
Secure storage
and access control
Firestore (DB) Auth App Check
3
4. Application
Manage, analyze
and visualize
Vanilla JS (single-file) Chart.js 4.4.1
4
5. Output
Generate reports
and Excel exports
Excel reports
Documentation maintained for this project · private repo
README Architecture Security Privacy Deploy QA UI Patterns Telegram Bot Setup CLAUDE.md Project Checklist Changelog Incidents
Actual stack
Frontend
JavaScript
HTML5 / CSS3 / Vanilla JS
Single-file, no framework, no build step
Chart.js
Chart.js 4.4.1
Analytics charts
Backend (Firebase)
Firebase
Firebase 10.14.1
App + Auth + Firestore + App Check
Firebase Hosting
Firebase Hosting
Deploy target
Tools & integrations
Excel
xlsx-js-style 1.2.0
Excel export (styled reports)
Sentry
Sentry
Error tracking
Make.com
Make.com
Automation (Telegram bot → Firestore)
Telegram
Telegram Bot API
Quick-entry integration
Inter
Inter (Google Fonts)
UI font
Infrastructure & monitoring
Firebase Hosting
Firebase Hosting
Secure, fast and reliable deployment · CDN-edge
Sentry
Sentry
Real-time error tracking and performance
Uptime monitoring
Uptime monitoring
UptimeRobot pings every 5 min · email alerts
Backups
Layered backups
7-day PITR + automated weekly snapshots
Security & reliability
Firebase Auth
Firebase Auth
User authentication and session management
Firestore Security Rules
Firestore Security Rules
Data access control and validation
App Check
App Check
Protects against unauthorized requests
HTTPS
HTTPS everywhere
Secure data transmission
GitHub Actions
CI quality gate
Tests (unit · rules · e2e) + Lighthouse budgets + secret-leak scan — a red build blocks the deploy
Supply-chain scanning
Supply-chain scanning
Dependabot + npm audit watch every dependency
Integrations
Telegram
Telegram
Connected
Make.com
Make.com
Connected
Excel Export
Excel Export
Enabled
Key decisions
Decision
Impact
Single-file architecture
Simplicity & speed
No build step
Fast deploy & easy maintenance
Firebase (CDN)
Quick setup, reliable backend
Automation with Make.com
Less manual work
Optional Telegram flow
Convenience, not dependency
Benefits
  • Fast to use, easy to maintain
  • Secure and private data
  • Automated processing saves time
  • Clear insights and reporting
  • Export ready for accounting
  • Receipt links for each expense
  • Search to find anything across all data
  • Telegram expense quick entry
  • €
    ₴
    Multi-currency EUR & UAH