Full-Stack Developer
SubTrack is a comprehensive financial tool built to help users regain control over their recurring expenses. It features a dynamic dashboard that calculates monthly burn and annual forecasts in real-time. The platform supports multi-currency conversion and visualizes spending velocity to prevent unwanted subscription renewals.
Explore the live application or review the codebase on GitHub.
A real-time dashboard displaying Monthly Burn, Annual Forecasts, and Total Saved amounts. It helps users understand their immediate financial health at a glance.
Seamlessly converts subscription costs (e.g., USD, PHP, JPY) into the user's preferred base currency for accurate total calculations.
Interactive charts powered by Recharts that visualize spending trends over time, helping users identify months with heavy outgoing payments.
The primary challenge was managing state for currency conversions across different subscription cards. Ensuring that the "Total Monthly Burn" updated instantly when a user changed their preferred currency or added a new trial required complex state management. Additionally, designing the cards to look consistent regardless of the data length was a UI priority.
Building SubTrack improved my skills in handling complex data arrays and financial calculations on the frontend. I also refined my ability to use Shadcn UI components to build a dashboard that is both functional and aesthetically pleasing.