/financial-dashboard-fullstack

Financial Dashboard - Fullstack MERN app

Primary LanguageTypeScript

Portfolio Overview

🌟 Financio | Financial Dashboard - Fullstack App 🌟

Link to App

Use the Test User with some dummy data: E: yaot@test.io / P: test1234

Or signup a new user

🚀 Features

  • Dashboard - quick overview
  • Expense Tracker (categories, monthly values, comparison)
  • Budget planner / tracker
  • Portfolio Tracker (Total value, category values, targets)
  • Simple data visualization
  • User Profile, update / image upload

Some impressions

Expense Overview Expense Overview

Add Expense Modal Add Expense Modal

Update User Image Dropzone Update User Image Dropzone

👷 Built with!

Frontend:

  • React, TypeScript, Redux (Toolkit), Recharts.js, Mantine UI, Material UI Deployed on Netlify

Backend:

  • Node.js, Express.js, MongoDB, Mongoose Deployed on Heroku

🎊 Future Updates

  • Add realtime portfolio tracking by consuming data from Crypto and Stock API
  • Add option to set values based on various currencies, (currently only EUR values supported)
  • Add option to select between target value or target percent of total for portfolio categories
  • Allow multiple categories to be tracked under one budget
  • Add recurring expenses and income

🧑🏻 Author

Sebastian Prestele

💙 If you like this project, Give it a ⭐

Made with & ❤️ in Southern Germany