FinHarbor - Banking, investing, and budget planning
Finance Application
FinHarbor - Banking, investing, and budget planning is a finance application concept focused on personal banking, card controls, budgeting, investment allocation, recurring payments, and secure transfer flows. I created it as a portfolio-ready case study to show how I translate domain knowledge into practical product flows, polished UI states, and responsive interfaces.
- Stack
- React
- TypeScript
- Redux Toolkit
- Recharts
- Tailwind CSS
- Node.js
Project Purpose and Goal
The goal was to design an end-to-end experience around checking account balances, planning budgets, reviewing portfolio risk, scheduling transfers, and confirming payments safely. I focused on making the most important decisions visible, reducing friction in critical steps, and keeping the product approachable for both first-time and returning users.
Web Stack and Explanation
The implementation plan centers on modular React components, typed domain models, reusable form patterns, and responsive layouts. The technical focus is secure form handling, transaction state machines, currency formatting, chart interactions, and high-trust UI feedback.
Problems and Thought Process
The main challenge was balancing domain-specific complexity with a simple interface. I handled it by prioritizing user intent, grouping related actions, and designing empty, loading, error, and success states as part of the core experience.
Lessons Learned
This project reinforced my habit of learning the business model before designing the UI. Strong frontend work is not only about components; it is also about understanding what decisions the product helps users make.
Want to work together?
Feel free to reach out if you're looking for a developer, have a question, or just want to connect
oaivyftu@gmail.comThis website is made with coffee and milk tea by Vincent Le.