This is a sophisticated financial management web application built with React. It provides a suite of powerful calculators to help users plan their loans, investments, and taxes with ease. The application is designed to be fast, responsive, and user-friendly, featuring a modern and customizable interface.
Live Demo: https://sudamchakor.github.io/smart-fund-manager/
- Multiple Financial Calculators:
- Home Loan EMI Calculator with prepayment options.
- Personal Loan & Credit Card EMI calculators.
- Advanced Investment Calculators (SIP, Lumpsum, Step-Up SIP, SWP, Fixed Deposit).
- Tax Calculator.
- Interactive Dashboards: Visualize financial data with interactive pie and bar charts powered by Recharts.
- User Profile Management: Track financial goals and manage a personal wealth dashboard.
- Data Export: Export amortization schedules and financial reports to PDF and Excel formats.
- Customizable UI: Switch between multiple themes (e.g., light/dark mode) and visual styles.
- Performance Optimized: Built for speed with code splitting, lazy loading, and a focus on a high Google PageSpeed score.
- SEO Friendly: Includes a
sitemap.xml,robots.txt, and dynamic meta tags for better search engine visibility. - Fully Responsive: A seamless experience across desktops, tablets, and mobile devices.
- Frontend: React, Redux Toolkit
- UI Framework: Material-UI (MUI)
- Routing: React Router
- Charting: Recharts
- Date & Time: Day.js
- Data Export: jsPDF, xlsx
- Styling: Emotion, CSS-in-JS
- Deployment: GitHub Pages
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
- Node.js (v14 or later)
- npm (v6 or later)
-
Clone the repository:
git clone https://github.com/sudamchakor/smart-fund-manager.git cd smart-fund-manager -
Install dependencies:
npm install
In the project directory, you can run the following commands:
Runs the app in development mode. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.
Launches the test runner in interactive watch mode.
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
Deploys the application to GitHub Pages. This script runs npm run build first.
Builds the production app and then runs source-map-explorer to analyze the bundle size, helping to identify which dependencies are contributing most to the final build.
This project is licensed under the MIT License - see the LICENSE.md file for details.