https://github.com/nish340/financetraker

financeTracker is a modern and intuitive personal finance management app that helps users track income, expenses, and savings effortlessly. With features like real-time balance updates, spending categorization, and monthly summaries, it empowers users to take control of their financial health and make informed budgeting decisions.Monthly budget
https://github.com/nish340/financetraker

budgeting expense-tracker finance-dashboard finance-tracker income-management money-management personal-finance react-app savings-tracker vitejs

Last synced: 26 days ago
JSON representation

financeTracker is a modern and intuitive personal finance management app that helps users track income, expenses, and savings effortlessly. With features like real-time balance updates, spending categorization, and monthly summaries, it empowers users to take control of their financial health and make informed budgeting decisions.Monthly budget

• Host: GitHub
• URL: https://github.com/nish340/financetraker
• Owner: nish340
• Created: 2025-05-27T05:06:15.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-10T12:00:53.000Z (about 1 year ago)
• Last Synced: 2025-06-10T13:19:20.249Z (about 1 year ago)
• Topics: budgeting, expense-tracker, finance-dashboard, finance-tracker, income-management, money-management, personal-finance, react-app, savings-tracker, vitejs
• Language: TypeScript
• Homepage: https://nishchay.online/projects
• Size: 1.49 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FinTrack – Smart Personal Finance Manager

A comprehensive personal finance management application built with React, TypeScript, and Tailwind CSS. FinTrack helps users track expenses, manage budgets, set savings goals, and forecast their financial future.

## Note ! 

This repository contains only partial code. The complete project, including the backend, admin portal, and API integrations, is private. For access, please contact me via http://nishchay.online.

## Features

- **Dashboard**: Overview of your financial health with key metrics and visualizations

- **Budget Management**: Set and track category-wise budgets

- **Expense Tracking**: Log and categorize daily expenses

- **One-Time Expense Tracking**: Separate tracking for large or unexpected expenses

- **Savings Goals**: Set and monitor progress towards financial goals

- **Investment Calculator**: Plan your investments with SIP and lumpsum calculators

- **Financial Forecasting**: Project your future net worth based on current habits

- **Reports & Analytics**: Visualize your financial data with charts and graphs

- **Dark/Light Mode**: Choose your preferred theme

- **Responsive Design**: Works on both mobile and desktop

## Screenshots

### Dashboard

![Dashboard](./src/assets/one.png)

### Next

![Next](./src/assets/two.png)

### Budget Overview

![Budget Overview](./src/assets/three.png)

### Expense Tracker

![One-Time Expenses](./src/assets/four.png)

### Savings Overview

![Savings Overview](./src/assets/five.png)

### Savings Goals

![Savings Goals](./src/assets/six.png)

### Investment Calculator

![Investment Calculator](./src/assets/seven.png)

### Page Not Found

![Page Not Found](./src/assets/eight.png)

### Reports & Analytics

![Reports](./src/assets/nine.png)

## Next

![Next](./src/assets/ten.png)

### Settings

![Settings](./src/assets/one-one.png)

## Tech Stack

- **Frontend**: React, TypeScript

- **State Management**: Zustand

- **Styling**: Tailwind CSS, shadcn/ui

- **Charts**: Recharts

- **Routing**: React Router

- **Build Tool**: Vite

## Getting Started

1. Clone the repository

2. Install dependencies:

   ```

   npm install

   ```

3. Start the development server:

   ```

   npm run dev

   ```

4. Open your browser and navigate to `http://localhost:5173`

```bash

# Clone the repository

git clone https://github.com/nish340/financeTraker.git

# Navigate to the project directory

cd financeTraker

# Install dependencies

npm install

# Start the development server

npm run dev

```

## Project Structure

- `/src/components`: UI components

- `/src/pages`: Main application pages

- `/src/hooks`: Custom React hooks

- `/src/lib`: Utility functions and store configuration

## Data Privacy

This application stores all financial data locally in your browser. No personal financial information is transmitted to external servers.

## Planned Features

- Data export/import functionality

- Dark/light theme toggle

- Mobile application

- Financial advice integration

- Bill payment reminders

## Author

- **Nidhchay** - [GitHub Profile](https://github.com/nidhchay)

## License

<<<<<<< HEAD

This project is licensed under the MIT License - see the LICENSE file for details.

=======

MIT