Skip to content

hellokit3y/finBoard

 
 

Repository files navigation

FINBOARD

A retro-styled, interactive personal finance dashboard to manage budgets, visualize transactions, and keep track of your spending securely in your browser.

FinBoard Preview


✨ Features

📊 Interactive Dashboard
Visualize income and expenses using dynamic Recharts.

💰 Budget Management
Set spending limits and monitor progress.

📜 Transaction History
View, filter, and categorize transactions.

📁 Secure Local Data
No backend needed — your financial data stays in your browser.

💻 Retro UI Design
Dark grid terminal aesthetic with a nostalgic modern feel.

FinBoard Demo

🚀 Tech Stack

Category Tech
Frontend React, React Router
Build Tool Vite
Styling Tailwind CSS, DaisyUI
Charts Recharts
Icons Lucide Icons, Custom SVG

🛠️ Getting Started

Prerequisites

Install Node.js before starting:

https://nodejs.org/

Installation

  1. Clone repository
git clone https://github.com/khanirfan18/finBoard.git
  1. Enter project folder
cd finBoard
  1. Install packages
npm install
  1. Start development server
npm run dev

🤝 Contributing

Planning to contribute?

Your contributions are appreciated. Please read CONTRIBUTING.md before opening issues or submitting pull requests.

It covers:

  • Valid issue creation
  • Task claiming workflow
  • Pull request guidelines

Happy building 🚀

About

interactive personal finance dashboard to manage budgets, visualize transactions, and keep track of your spending securely in your browser.

Resources

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 96.8%
  • CSS 2.7%
  • HTML 0.5%