Skip to content

This is a Card Management App built with React that allows users to view and filter card information.

Notifications You must be signed in to change notification settings

Kiran1689/card-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Card Management App

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/

Features

  • 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.

Technologies Used

  • React
  • HTML
  • CSS

Getting Started

Follow the instructions below to get a copy of the project up and running on your local machine.

Prerequisites

Make sure you have the following software installed:

  • Node.js
  • npm (Node Package Manager)

Installation

  1. Clone the repository:

  2. Change into the project directory:

    • cd card-app
  3. Install dependencies:

    • npm install
  4. Start the development server:

    • npm start
  5. Open your browser and visit http://localhost:3000 to view the app.

About

This is a Card Management App built with React that allows users to view and filter card information.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published