Skip to content

HGSTUDIOS/Javascript-Product-Search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Product Search

A dynamic product search web app built with HTML, CSS, and JavaScript, designed to mimic the product browsing and search experience of e-commerce platforms like Jumia.

Features

  • Search Products: Type a product name to filter results instantly.
  • Category Filtering: Filter products by categories.
  • Price Sorting: Sort products by price (low to high / high to low).
  • Responsive Design: Works on mobile, tablet, and desktop screens.
  • Interactive UI: Hover effects, buttons, and product cards for better user experience.

Live Demo

[Add link here if deployed on GitHub Pages or Vercel]

Installation / Usage

  1. Clone the repository:
    git clone https://github.com/YOUR_USERNAME/javascript-product-search.git
    Open index.html in your browser.
    
  2. Start searching products immediately.

Technologies Used

  • HTML5 for structure

  • CSS3 for styling

  • JavaScript for functionality

Project Structure

javascript-product-search/ │

  • ├── index.html # Main HTML file
  • ├── style.css # Styling for the app
  • ├── script.js # JavaScript functionality
  • ├── assets/ # Images and icons
  • └── README.md # Project documentation

Screenshots

Homepage Screenshot Search Results

Author