ecommerce-fakeAPI

Description

This project is a responsive product listing application which utilizes the Fake Store API to fetch and display product data, allowing users to sort, filter, and search for products. Users can also manage a shopping cart, adding and removing items as desired.

Features

• Fetch Products: Retrieves product data from the Fake Store API.
• Product Sorting: Sorts products by price with a dropdown selection.
• Category Filtering: Filters products based on selected categories.
• Search Functionality: Allows users to search for products by name.
• Debounced Search: Limits the number of search operations as the user types.
• Cart Management: Users can add/remove products from the cart with visual feedback.
• Responsive Design: Ensures a seamless experience on different devices.

Technologies Used

• Frontend:
  • Vite
  • React
  • Tailwind CSS
• APIs:
  • Fake Store API (https://fakestoreapi.com)

Getting Started

Prerequisites

• Node.js (version 14 or above)
• npm or Yarn

Installation

1. Clone the repository:

   git clone https://github.com/nafistarik/ecommerce-fakeAPI.git
   cd ecommerce-fakeAPI
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Open your browser and navigate to http://localhost:5173.