Live Link

Card Listing

This project is a card listing application built with React.js.

Features

  • Fetches card data from a mock API with pagination.
  • Displays cards categorized by tabs ('Your', 'All', 'Blocked').
  • Implements infinite scroll to load more data.
  • Implements search by card name.
  • Filters cards by card type.
  • Optional filter dropdown.
  • Uses CSS for styling.

Installation

  1. Clone the repository: git clone <repository-url>
  2. Navigate to the project directory: cd card-listing
  3. Install dependencies: npm install

Usage

  1. Start the development server: npm start
  2. Open your browser and visit: http://localhost:3000

API Mock

API: https://volopay-server.vercel.app/data