[Project] Home Renovation Budget Planner #553

[MistryVishwa]

Description

Resolves #553

Create a responsive Home Renovation Budget Planner using HTML, CSS, and JavaScript that helps homeowners, property investors, and interior designers plan renovation budgets and monitor project expenses.

The application allows users to set a total renovation budget, add expenses dynamically across various interior design and renovation categories, and easily view the remaining balance. The dashboard actively updates to give users a high-level view of their spending and budget health.

What was added

• Home Renovation Budget Planner project inside the Projects/ directory.
• An interactive dashboard displaying:
  • Total Budget, Total Spent, and Remaining amount.
  • A dynamic progress bar that turns yellow at 80% usage and red if the budget is exceeded.
  • Category-by-category spending breakdown to help analyze project costs.
• Expense tracking view:
  • Add expenses by description, amount, category, and date.
  • Delete expenses and instantly see the budget metrics reflect the change.
• Dark and Light theme toggle functionality.
• Automatic data persistence using LocalStorage, so the budget and expense history are preserved across browser sessions.
• Fully responsive design targeting desktop, tablet, and mobile layouts.

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.

[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.