Targetsave

TargetSave is an interactive, visual financial dashboard built on a modern React stack, designed to solve the critical problem of low financial literacy by making saving tangible and motivating. ​💡 Inspiration & Problem ​Traditional banking applications present saving as a static, abstract number. Our inspiration was to fight financial apathy by creating a tool that visually connects small, regular contributions to a big, desired goal (like a new car or trip). The core mission is to enable users to plan their financial future easily and understand the power of compound interest. ​🛠️ How We Built It (The Build & Tech) ​The entire application is a frontend solution built with HTML, CSS, JavaScript, and React. We focused on client-side efficiency: ​Logic Engine: All complex financial modeling, including the NPER (Number of Periods) and Future Value formulas, is handled by pure JavaScript functions running locally. ​Architecture: We used React's component-based structure with robust state management (useState, useMemo) to maintain a single source of truth for all inputs. ​Rapid UI: We utilized a CSS framework (like Tailwind/MUI) to quickly build a clean, mobile-responsive dashboard. ​⭐ Challenges & Pride Points ​Our main challenge was ensuring the real-time responsiveness of the calculations, where complex math had to update instantly upon user interaction. ​We are most proud of the 'What If' Scenario Modeling. This feature allows a user to instantly see how increasing a weekly contribution by just $5 or finding a slightly better interest rate can shave months or even years off their goal completion time. This fulfills our goal of turning complex financial principles into a simple, powerful, and educational user experience.

Built With

• css
• html
• javascript
• react