The Card Management App is a web application built with React that allows users to view and manage their cards. It provides features such as filtering cards, searching by name, and selecting cards based on owner ID.

1. Clone the repository:

   gh repo clone shafi099/Volopay-Assignment
   
   cd card-management-app
   
   npm install
   
   npm start
   
   

Open your web browser and access the app at Click Here for website

Usage The Card Management App consists of three tabs: All, Your, and Blocked. Each tab displays different card information based on its functionality.

All Tab

• Displays all the available cards.
• Allows searching for cards by name.
• Provides the option to filter cards by card type (burner or subscription).

Your Tab

• Displays cards that belong to a specific owner.
• Allows selecting the owner ID to filter and display their cards.

Blocked Tab

• Displays blocked cards.

File Structure

• src/
• All.js
• Blocked.js
• Your.js
• App.js
• index.js
• mockApi.js
• App.css

Technologies Used

• React
• React Router
• CSS

Customization

• You can customize the app by modifying the existing components or creating new ones. The styles can be modified by editing the CSS file (App.css).