The Personal Finance Visualizer is a modern web-based application designed to help users efficiently track their expenses. It provides insightful visualizations, transaction management, and downloadable reports to enhance financial awareness.
✅ Expense Tracking - Seamlessly add, update, and delete transactions.
✅ Recent Transactions - Instantly view a summary of the latest financial activities.
✅ Total Expenses Calculation - Get real-time updates on total expenditures.
✅ Category-Based Analysis - Monitor spending patterns through categorized insights.
✅ Data Storage - Securely store transactions using MongoDB (or Local Storage as a fallback).
✅ Transaction History - View all recorded transactions in one place.
✅ Deployed Version Available - Access the application online anytime.
- Frontend: Next.js, Tailwind CSS
- Backend: Node.js
- Database: MongoDB (or Local Storage as fallback)
- Charts & Visualizations: Recharts (Bar & Pie Charts)
GET /api//transactions- Fetch all transactionsPOST /api//transactions- Add a new transactionPUT /api//transactions/:id- Update an existing transactionDELETE /api//transactions/:id- Remove a transaction
- Clone the repository:
git clone https://github.com/your-username/yardstickTask-mayank.git cd yardstickTask-mayank - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open the app at: http://localhost:3000
The project is deployed online. You can access it here:
🔗 Live Demo: https://mayankyardstick.vercel.app
- Bug: When clicking the Edit button, the date field is not getting set properly.
- Cause: The date state is not being correctly initialized when loading the edit form.
- Status: Identified
- Workaround: Manually reselect the date before saving.
Planned Fix: Updating the state management to ensure the date field is set correctly when editing an entry.
Contributions are welcome! Feel free to fork this repository and submit a pull request with improvements.
This project is licensed under the MIT License.