Implement Recurring Expenses Feature with Chart Breakdown (Frontend + Backend)

[snehatomar1205]

… > 3

🚀 Pull Request

📋 Description

This pull request implements the Recurring Expenses feature which tracks and visualizes frequently repeated expenses (more than 3 occurrences).
It includes:
Backend logic to calculate and group recurring expenses by category.
A new frontend component that displays a central dashboard widget.
A modal with a pie chart breakdown and expense list using recharts.
Fixes #48

🔍 Type of Change

• New feature ✨
• Refactoring or code improvement ♻️

🙋 Your Details

• Name: Sneha Tomar
• Email ID: snehatomar1205@gmail.com

🧪 How Has This Been Tested?

Manually tested the API GET /api/expenses/recurring-breakdown using Postman.
Verified logic: filters expenses with quantity > 3 and groups by category.
Integrated frontend with API using Axios.
Opened modal and validated:
Chart rendering correctly with correct data.
List of items and total recurring amount display properly.
Responsive and matches homepage UI theme.

✅ Checklist

• [✅ ] I have read the contributing guidelines.
• [ ✅] I have followed the code style and linting rules.
• [ ✅] My changes do not introduce any known security issues or vulnerabilities.

---

[vercel]

@snehatomar1205 is attempting to deploy a commit to the Tanmay Kalra's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
smart-log	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 8, 2025 11:22am

[TanmayKalra09]

@snehatomar1205 please share some Screenshots and screen recording.

[snehatomar1205]

ON Clicking the card named recurring expenses on home page these changes will be seen as mentioned below

[snehatomar1205]

Also could u please reassign the level to level - 3
As this issues includes both frontend and backend complexities

[TanmayKalra09]

Hey @snehatomar1205 your code contains some errors. Please resolve it

[snehatomar1205]

Hey @snehatomar1205 your code contains some errors. Please resolve it

From my side everything is working fine .Even I'm running this code that's why I'm able to give screenshots

[TanmayKalra09]

Hey @snehatomar1205 your code contains some errors. Please resolve it

From my side everything is working fine .Even I'm running this code that's why I'm able to give screenshots

As you can see here also there is a deployment issue, which suggests that there are some errors.

[snehatomar1205]

Hey @snehatomar1205 your code contains some errors. Please resolve it

From my side everything is working fine .Even I'm running this code that's why I'm able to give screenshots

As you can see here also there is a deployment issue, which suggests that there are some errors.

Let me recheck
I'll let you know

[snehatomar1205]

Now check !
as i resolved the conflicts

[TanmayKalra09]

Hey @snehatomar1205 this is the error.

[snehatomar1205]

Hey @TanmayKalra09, I’ve resolved the build error — it was caused by a missing closing div in the JSX structure of HomePage.jsx Please trigger a redeploy on Vercel to verify.

Let me know if anything else is needed!