🛍️ Product Listing Page with Filters

A sleek and responsive Product Listing Page built using HTML, CSS, and JavaScript, featuring advanced search and filtering functionality. This project showcases a modern UI with interactive elements that enhance the user experience.

✨ Features

• 🔍 Advanced Searching Instantly search products using the intuitive search bar.

• 🗂️ Category Filtering Filter products by category to quickly find what you're looking for.

• 💰 Price Range Filtering Specify minimum and maximum prices to narrow down your selection.

• 🖼️ Responsive Grid Layout Products are displayed in a clean, mobile-friendly grid.

• 🎯 Hover Effects Smooth scale-on-hover animation makes the UI feel dynamic and modern.

📸 Preview

*A preview of the product listing grid with hover effects and filters.*

🛠️ Technologies Used

• HTML – Structuring the content
• CSS – Styling with responsive layout and animations
• JavaScript – Handling dynamic search and filter logic

📂 Project Structure

/product-listing-page/ │ ├── index.html # Main HTML file ├── style.css # Styling and layout └── script.js # Search & filter logic

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/annithehunter/product-listing-page.git
   

2. Navigate into the project folder: cd product-listing-page

3. Open index.html in your browser. ✅ No frameworks or libraries required – everything is built with vanilla JS, HTML, and CSS.

📧 Contact

Created by Aniruddh Kumar Yadav 📫 [email protected] 🐙 GitHub: @annithehunter

⭐️ If you like this project, consider giving it a star!