Skip to content

HarpreetKaur333/finance-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Finance Dashboard

A Personal Finance Dashboard built using React and Chart.js that allows users to input and visualize their income, expenses, and other personal information interactively. The project also provides local storage functionality to save user data.

📋 Features

  • Personal Information Form
  • Track income and expenses
  • Visualize income vs. expenses with line charts
  • Breakdown of expenses by category
  • Real-time validation for email input
  • Persistent storage of personal information using localStorage
  • Responsive design

🛠 Technologies Used

  • React
  • Chart.js
  • React-Chartjs-2
  • CSS Flexbox
  • Font Awesome Icons

📸 Screenshot

image

🚀 Getting Started

Follow these instructions to set up and run the project on your local machine.

Prerequisites

  • Node.js (Download and install from Node.js)
  • npm (comes with Node.js) or yarn

Installation

  1. Clone the Repository:

    git clone https://github.com/your-username/finance-dashboard.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published