[Project] Product Comparison Dashboard #561

[MistryVishwa]

Description

Issue No : #561

Add an ultra-modern, highly creative Product Comparison Dashboard to help users easily compare products, specifications, pricing, and ratings side-by-side to make data-driven purchasing decisions.

What was added

• Product Comparison Dashboard project in the Projects/product-comparison-dashboard directory.
• Creative Cyber/Bento UI: Built a uniquely engaging interface using a neon "bento-grid" layout, dynamic glowing orbs, and glassmorphism to break away from typical, boring comparison templates.
• Database Catalog (Dashboard): Allows adding unlimited product entries (Smartphones, Laptops, Headphones, etc.) with custom ratings, specs, prices, and warranties.
• Side-by-Side Analysis: An advanced comparison queue system that lets users select up to 4 products and analyze their specifications in an auto-generated responsive matrix table.
• Filtering & Search: Real-time text search, category drop-downs, and an interactive maximum-price slider to quickly narrow down choices.
• Wishlist Feature: Bookmark favorite items into a separate tab for long-term saving.
• Persistent Storage: Utilizes localStorage to keep the catalog, wishlist, and active comparison queue saved securely on the browser.
• Included project.json containing the author details and GitHub username (MistryVishwa).

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.