This is a Card Management App built with React that allows users to view and filter card information.
Visit live here: https://card-app-theta.vercel.app/
- Display a list of cards with their details, including name, budget name, amount, frequence, expiry, spent, and balance.
- Filter cards based on different criteria: owner, status, card type, and search by card name.
- Toggle between different tabs to view cards owned by the user, all cards, and blocked cards.
- Filter cards by card type using a dropdown menu.
- Click on the filter button to toggle the visibility of the card type dropdown.
- React
- HTML
- CSS
Follow the instructions below to get a copy of the project up and running on your local machine.
Make sure you have the following software installed:
- Node.js
- npm (Node Package Manager)
-
Clone the repository:
-
Change into the project directory:
- cd card-app
-
Install dependencies:
- npm install
-
Start the development server:
- npm start
-
Open your browser and visit http://localhost:3000 to view the app.