Full-Stack FinTech

Flux Personal Finance Tracker

A modern, responsive budgeting application offering real-time expense tracking, dark mode aesthetics, and robust data visualizations.

Bilingual Support Automated Bills MVC Architecture
Flux Budget Dashboard
Role

Solo Backend & Co-Frontend

Timeline

Sept 2025 – Feb 2026

Domain

FinTech, Web App UI/UX

Core Tech

Laravel, MySQL, Vite

01 · Problem The Challenge

Many modern budgeting applications are either overly complex, requiring users to link bank accounts immediately, or too simplistic, lacking the granular categorization needed to actually understand spending habits. Furthermore, delivering a bilingual application (English and Indonesian) with dynamic currency conversion requires robust localization systems. The goal was to build a secure, standalone financial dashboard that prioritizes manual entry speed, automated recurring bills, clear visual hierarchies, and a premium aesthetic that encourages users to log their daily expenses.

02 · Solution The Approach

I engineered Flux, a bilingual personal finance dashboard built on a robust MVC architecture utilizing the Laravel framework and a relational MySQL database. Working closely with a frontend partner, we crafted an intuitive, responsive UI using Blade templating, custom CSS, and vanilla JavaScript bundled via Vite.

For the backend, I designed the database schema to manage interconnected entities like Users, Transactions, Budgets, and Recurring Bills. I also developed custom Laravel Artisan console commands to automatically detect and process recurring expenses on a scheduled basis, alongside custom middleware for localization and currency conversion.

03 · Engineering Technical Highlights

MVC Laravel Backend

Engineered complex financial logic, role-based controls, and custom Artisan commands to process recurring user expenses automatically on a scheduled basis.

Localization & Currency

Built custom middleware and a dedicated currency converter service to seamlessly serve the app in both English and Indonesian, dynamically adjusting financial displays.

Bilingual Frontend

Integrated backend localization dictionaries directly into the Blade views, pairing with custom CSS and JS to deliver a localized user journey.

04 · Results The Outcome

Flux provides a seamless, distraction-free environment for users to take control of their finances. The responsive design ensures that the application is functional from logging daily receipts on mobile devices to viewing comprehensive financial charts on desktop monitors during end-of-month reflections.

05 · Stack Tech Stack & Infrastructure

Backend & Database
Laravel (PHP) MySQL Caddy Server Railway
Frontend & UI
Blade Templates Custom CSS Vanilla JS Vite
Previous Project
View All Projects