This is a Finance Tracker Application.
Tech Stack Used:
- React JS and its dependencies, for more details check the package.json in frontend folder.
- Node JS and its dependencies for more details check the package.json in backend folder.
- Tailwind CSS
- PostGreSQL Database
Backend Hosted On Render.com.
Frontend Hosted On Github Pages.
Hosted Website Link: https://sarangvt.github.io/FinTrack
Humble Advice: Please Refresh The website once or twice as the backend server on render's free trial becomes lazy, if not used for some hours.
Account which you may use, as it has 1000 transactions, so data visualisation would be more appealing.
email: sarangvthakare1@gmail.com
password: sarang
Primary Features:
Secured Authentication by Bearer JWT Token Method.
Creating Transactions, with Description, Amount.
Facility to filter, sort Transactions, enhancing the user experience while viewing transactions.
Spending Limit would be checked automatically.
Currency Conversion by Currency Layer API.
Exporting transactions in form of both CSV and PDF.
Various Data Tools for analysing data, helping to draw conclusions, like Pie Charts and Graphs.
Within each of the features mentioned before, there is an option of custom time range selection as well as Monthly, Yearly and All Time Options.
Upcoming Features:
More data representations like scattered plots, heatmaps and more graphs, will be introduced.
Enhanced tools for sorting.
Messaging and alerting facility.
Export in more diversed format.
Suggestions for Budget Planning.
Tip, for understanding the code, start with index.js in both folders, frontend and backend and then delve down reading the dependent functions and other things imported at each page,
the code is modular, which causes slight inconvenience at first but is good for later versions.
Some Snapshots:
Hope that you enjoyed the code and site both, anybody wishing to collaborate after 1st March 2025 is surely welcome.
Sarang Thakare
240001065