Live Project | GitHub Repository
Project Overview
Stocks Vs Subscriptions (SVS) is a cinematic financial simulation tool that visualizes the opportunity cost of modern consumer habits. By answering “What if I had invested that money instead?”, it contrasts recurring subscription costs against historical stock performance, aiming to gamify financial literacy for young professionals.
Key Features
- Time Travel Engine: Simulates historical stock purchases on the exact dates of subscription payments.
- Smart Product Detection: Fuzzy matching instantly identifies stocks and prices (e.g., “iPhone” -> AAPL).
- Cinematic Visuals: Uses Framer Motion for dramatic data reveals and responsive historical charts.
Challenges & Architecture
SVS adopts a “Performance First” architecture using Hono on Node.js to handle heavy financial number-crunching with low latency. A robust Redis caching strategy minimizes reliance on external APIs, while the core engine handles complex edge cases like stock splits and market holidays. The frontend is built with React and heavily utilizes shared types for end-to-end safety. This project highlighted the complexities of financial data normalization and the importance of perceived performance. For more on the calculation engine, visit the GitHub Repository.