[Project] Smart Shopping Budget Assistant #559

[MistryVishwa]

Description

Issue No : #559

Add a fully responsive Smart Shopping Budget Assistant designed to help users proactively plan purchases, calculate estimated costs, and track actual shopping expenses to avoid overspending.

The application allows users to set an overall global budget, create detailed categorized shopping lists with estimated costs, and mark items as "purchased" with their actual paid price. The dashboard provides a comprehensive visual breakdown of where their budget is going and alerts them to overspending thresholds.

What was added

• Smart Shopping Budget Assistant project within the Projects/smart-shopping-budget-assistant directory.
• A Financial Dashboard Overview featuring:
  • Real-time calculations of Total Budget, Estimated Spend (for planned items), Actual Spent (for checked-out items), and Remaining Balance.
  • A dynamic Category Breakdown visualizing exactly how much was spent per shopping category (e.g., Groceries vs. Electronics).
  • An intelligent Budget Alerts System that issues warnings when users reach >90% of their total budget or exceed it entirely.
• A Shopping List Manager:
  • Allows adding, editing, and deleting prospective shopping items alongside estimated prices.
  • A robust filtering system allowing users to filter by specific categories or toggle "Pending Items Only" for an organized shopping trip.
• A Purchase/Checkout Flow:
  • Validates the actual price paid for an item upon marking it as "bought", instantly updating the dashboard's spending statistics and category tracking.
• Modern Premium Design & Persistence:
  • Implemented using responsive Glassmorphism and CSS custom properties.
  • Includes full Dark Mode and an embedded color theme engine (Ocean, Emerald, Amethyst, Amber, Ruby).
  • All data (budgets, shopping lists, app preferences) is reliably persisted using Browser LocalStorage.

Pre-flight checks

• I read CONTRIBUTING.md
• My folder is named in Title Case with spaces (Note: Used hyphens per maintainer instructions to avoid CI/URL issues)
• My folder contains README.md, project.json and index.html
• My project opens by double-clicking index.html
• My project has no console errors and no tracking scripts

[vercel]

@MistryVishwa is attempting to deploy a commit to the SanZ's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

✅ Checks Passed!

Great work, @MistryVishwa! 🎉

Your project submission passed all validation checks and will be reviewed for merging.

A thumbnail will be auto-generated for your project once this PR is merged.

[github-actions]

✅ Checks Passed!

Great work, @MistryVishwa! 🎉

Your project submission passed all validation checks and will be reviewed for merging.

A thumbnail will be auto-generated for your project once this PR is merged.

[MistryVishwa]

[github-actions]

✅ Checks Passed!

Great work, @MistryVishwa! 🎉

Your project submission passed all validation checks and will be reviewed for merging.

A thumbnail will be auto-generated for your project once this PR is merged.

[github-actions]

PR Validation — All Checks Passed

@MistryVishwa, your project submission has passed all validation checks and is ready for review.

A thumbnail will be auto-generated for your project when this PR is merged.

Thank you for contributing to OpenStudio.