zaydhassan/Product-listing-API

Product Listing Page

This is a responsive product listing page built with Next.js and Tailwind CSS, fetching product data from a mock API.

Tech Stack

• Next.js
• Tailwind CSS
• Mock API (https://fakestoreapi.com/products)

Features

• Responsive UI
• Fetching data from a mock API
• Product listing in a grid layout
• Search products by name
• Product details modal

Setup

Prerequisites

• Node.js (v14 or later)
• npm (v6 or later)

Installation

1. Clone the repository:

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

2. Install dependencies: npm install
3. Run the development server: npm run dev