A retro-styled, interactive personal finance dashboard to manage budgets, visualize transactions, and keep track of your spending securely in your browser.
- 📊 Interactive Dashboard: Visualize your income and expenses over time using dynamic Recharts.
- 💰 Budget Management: Set limits on different spending categories and track your progress.
- 📜 Transaction History: View, filter, and categorize your transactions in a sleek retro table.
- 📁 Secure Data Upload: Load your financial data locally. No backend needed—your data stays in your browser!
- 💻 Retro Aesthetic: Designed with a smooth dark grid terminal theme, bringing a nostalgic but modern feel.
- Frontend: React, React Router
- Build Tool: Vite
- Styling: Tailwind CSS, DaisyUI
- Charts: Recharts
- Icons Elements: Lucide / Custom SVGs
Make sure you have Node.js installed.
- Clone the repository:
git clone https://github.com/khanirfan18/finBoard.git
- Navigate to the project directory:
cd finboard - Install dependencies:
npm install
- Start the development server:
npm run dev
Planning to contribute? Your efforts are highly appreciated! Please take a moment to check the Contributing Guide before you get started. It outlines the professional workflow for opening valid issues, claiming tasks correctly, and submitting Pull Requests.