Back to Projects

Personal Finance Dashboard

ReactTailwind CSSChart.jsViteLocalStorage
Personal Finance Dashboard

A comprehensive personal finance application that helps users track income and expenses with interactive charts, set budget goals by category, and export transaction data. Built with React 19, Chart.js, and Tailwind CSS v4.

Challenges

  • Implementing real-time budget tracking with progress indicators
  • Managing complex state across multiple components
  • Creating responsive charts that work on mobile devices

What I Learned

  • Deep understanding of React state management patterns
  • Chart.js customization and responsive design
  • Tailwind CSS v4 architecture and best practices