MyFinance — Personal Expense Tracking Dashboard (MVP)
MyFinance is a clean, modern, and minimal expense management application built to help individuals track and analyze their daily spending effortlessly. Designed with a calm and refined UI, MyFinance focuses on clarity, comfort, and ease of use — without overwhelming charts or cluttered screens.
✨ Features
- Simple Expense Logging: Quickly record your daily expenses with category selection and notes.
- Smart Analytics Dashboard: Visual summaries including:
- Monthly spending overview
- Category-based expense distribution
- Spending trends across the last 6 months
- Calm & Elegant Interface: A soft, luxurious design optimized for focus and day-to-day usage.
- Categories Management: Create and manage your expense categories with color labels.
- Filtering & Pagination: Filter expenses by date range and category, with server-side pagination.
🛠️ Tech Stack
| Technology | Purpose |
|---|---|
| Laravel | Backend & API |
| Inertia.js | SPA Bridge |
| Vue 3 | Frontend UI |
| TailwindCSS | Styling |
| Chart.js + vue-chartjs | Analytics/Charts |
| SQLite | Database |
Design Principles
- Calm and neutral color palette
- Reduced visual noise
- Deliberate spacing for better readability
- Soft rounded elements and balanced typography
The goal is not just tracking money, but ensuring the interface feels comfortable to use daily.
