Skip to content

This project implements an interactive Wallet Card Animation in Flutter. The card can be flipped to reveal the back side with card details. Additionally, the CVV code can be displayed by tapping on it.

Notifications You must be signed in to change notification settings

jonasermert/Wallet-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wallet Card Animation in Flutter

This project implements an interactive Wallet Card Animation in Flutter. The card can be flipped to reveal the back side with card details. Additionally, the CVV code can be displayed by tapping on it.

🚀 Features

  • Flip-Card Animation: Tap the card to flip it.
  • Interactive CVV Code: Tap to reveal the CVV code.
  • Modern Design: Black and orange color scheme using Material Design colors.
  • Responsive Layout: Works on different screen sizes.

🛠️ Installation

Requirements

Install & Run

# Clone the repository
git clone https://github.com/your-username/flutter-wallet-card.git
cd flutter-wallet-card

# Install dependencies
flutter pub get

# Run the app
flutter run

📦 Dependencies

This app uses the following packages:

dependencies:
  flutter:
    sdk: flutter
  flip_card: ^0.6.0
  material_color_utilities: ^0.11.1

🏗️ Project Structure

/lib
│── main.dart         # Entry point of the app
│── wallet_card.dart  # UI & animations
└── utils.dart        # Utility functions

📜 License

This project is licensed under the MIT License. See the LICENSE file for more details.

About

This project implements an interactive Wallet Card Animation in Flutter. The card can be flipped to reveal the back side with card details. Additionally, the CVV code can be displayed by tapping on it.

Resources

Stars

Watchers

Forks