Skip to content

A React finance manager app that makes handling transactions data easy and display them in cleaner way.

License

Notifications You must be signed in to change notification settings

janpabisiak/JustBucks

Repository files navigation

JustBucks - Finance Manager GitHub license

JustBucks is a user-friendly, web-based personal finance management tool designed to help individuals track their income, expenses, and overall financial health. With an intuitive interface, JustBucks provides clear visualizations of spending habits, allowing users to make informed financial decisions.

Demo

Features

  • Dashboard Overview: Displays key financial metrics including total income, total expenses, and net balance at a glance.
  • Expense Categorization: Allow to categorize transactions with categories that suit you best. You'll be able to define the categories you want to use.
  • Interactive Charts: Visual representations of spending distribution across various categories for easy analysis.
  • Transaction Management: Allows users to easily add, edit, and delete transactions.
  • Search, sort, and Filter: Quickly find specific transactions with a search bar and advanced filtering options.
  • User settings: Select between light and dark mode, use a language you understand, and set currency for your financial operations.
  • Pagination: Efficiently navigate through large datasets with pagination controls.

Tech Stack

HTML5 CSS3 JavaScript Chart.js React React Router NPM Vite

Run Locally

Clone the project

  git clone https://github.com/janpabisiak/JustBucks.git

Go to the project directory

  cd JustBucks

Install dependencies

  npm install

Start the app instance

  npm run dev

Usage/Examples

  1. Add a Transaction: Click on the "New Transaction" button, fill in the details, and save.
  2. View Transaction History: Scroll through the paginated list of transactions or use the search/filter options to find specific entries.
  3. Analyze Spending: Use the charts section to get insights into where your money is going. Adjust the view using the logarithmic and linear scale options as needed.
  4. Edit/Delete Transactions: Click on the "Edit" or "Delete" buttons next to any transaction to modify or remove it.

License

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