https://github.com/hasanyahya101/pennywise-vite

This is a basic expense management application that allows for adding income and expenses into the application. It then displays the transactions in a table. Additionally, it shows the 6 highest transactions in a bar chart. Moreover, it displays the top 6 distinct categories in a pie chart. User can also download the transaction data in a PDF file.
https://github.com/hasanyahya101/pennywise-vite

bar bar-chart charts expense expense-tracker github github-pages js manager pie pie-chart react shadcn transactions ui

Last synced: 2 months ago
JSON representation

This is a basic expense management application that allows for adding income and expenses into the application. It then displays the transactions in a table. Additionally, it shows the 6 highest transactions in a bar chart. Moreover, it displays the top 6 distinct categories in a pie chart. User can also download the transaction data in a PDF file.

• Host: GitHub
• URL: https://github.com/hasanyahya101/pennywise-vite
• Owner: HasanYahya101
• License: mit
• Created: 2024-06-08T12:38:39.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-14T05:55:55.000Z (almost 2 years ago)
• Last Synced: 2025-07-12T15:36:32.867Z (11 months ago)
• Topics: bar, bar-chart, charts, expense, expense-tracker, github, github-pages, js, manager, pie, pie-chart, react, shadcn, transactions, ui
• Language: JavaScript
• Homepage: https://hasanyahya101.github.io/PennyWise-Vite/
• Size: 6.51 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# PennyWise (React + Vite)

## Introduction

This is a basic expense management application that allows for adding income and expenses into the application. It then displays the transactions in a table. Additionally, it shows the 6 highest transactions in a bar chart and compares them. Moreover, it displays the top 6 distinct categories in a pie chart for better comparisons. Finally, it allows the user to download the transactions in a PDF file.

## UI Library

Radix UI and ShadCN components were used to create the UI of the website. Moreover, Vite was used to create this React Project.

## Deployment

This project was deployed to Github Pages and can be tested there. No servers or databases were used in this Project.

## Preview

![Screenshot 2024-06-12 030102](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/c8288012-3588-480d-8c22-7b8a6ff777ce)

![Screenshot 2024-06-12 030113](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/d887ad94-9167-4403-ae33-c4cc14bc88ff)

![Screenshot 2024-06-12 030125](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/68879142-74bd-4964-b501-4ee945bcf031)

![Screenshot 2024-06-12 030140](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/15cee3fe-9f4b-4a3a-81be-2a61d149f102)

![Screenshot 2024-06-12 030149](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/5dfb7968-c4fd-42ed-b74f-6ca6544abc40)

![Screenshot 2024-06-12 030201](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/17bdab52-68ca-45bc-a786-433891e6f917)

![Screenshot 2024-06-12 030215](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/b79b77aa-4ef1-436a-aa72-b45ce026eb10)

![Screenshot 2024-06-12 030437](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/bf5971ec-486c-4ebf-a508-63d79912a7b3)

![Screenshot 2024-06-12 030451](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/ac928af6-1146-444e-b94c-6a131630c439)

![Screenshot 2024-06-12 030510](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/d077a2a7-1602-4a25-bb31-cc16cc835bbe)

![Screenshot 2024-06-12 030525](https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/f9a921ac-4e36-449b-9f79-1823b7865a92)

## Walkthrough

https://github.com/HasanYahya101/PennyWise-Vite/assets/118683092/e5f0f7c4-4bdc-4335-9b7e-222dbe5aa193

## React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh