Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aritra-tech/ComposeCards

πŸ’³ ComposeCards is a beautifully designed payment view library for Credit and Debit Card. Made using Jetpack Compose πŸŽ‰
https://github.com/aritra-tech/ComposeCards

android android-library compose credit-card hackoctoberfest jetpack-compose jetpack-compose-library kotlin payment

Last synced: 9 days ago
JSON representation

πŸ’³ ComposeCards is a beautifully designed payment view library for Credit and Debit Card. Made using Jetpack Compose πŸŽ‰

Awesome Lists containing this project

README

        

ComposeCard


material
API
Kotlin
Jetpack Compose

Hits



πŸ’³ ComposeCards is a beautifully designed payment view library for Credit and Debit Cards. Made using Jetpack Compose πŸŽ‰. It allows you to easily integrate Payment View with much smooth UI and animations.




## What's included?πŸ“œ
- πŸ—‚οΈ Automatic card type recognition that supports the following cards:
- Visa
- Mastercard
- RuPay
- American Express
- Maestro
- Diners Club

- 🀩 Simple VisualTransformation subclasses for the following use cases:
- Card number (with custom separators, digit masking)

## Adding the library to your project✨

[![](https://jitpack.io/v/aritra-tech/ComposeCards.svg)](https://jitpack.io/#aritra-tech/ComposeCards)

Add the following to your **root** `build.gradle` file:
```gradle
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
```

Lastly, add the following dependency to your app's `build.gradle.kts` (Kotlin) or `build.gradle` (Groovy) file:

Kotlin (KTS)

```kotlin
dependencies {
implementation("com.github.aritra-tech:ComposeCards:$currentVersion")
}
```

Groovy

```kotlin
dependencies {
implementation 'com.github.aritra-tech:ComposeCards:$currentVersion'
}
```

## UsageπŸ““
You can use the `CardDetails` by simply passing this to the screen you want to use. For example:

```kotlin
CardDetails(
creditCardNumber = "378282246310005",
creditCardHolderName = "John Doe",
creditCardExpiryDate = "02/29",
creditCardCVV = "101",
onSave = {}
)
```

### `CardDetails` Parameters

| Parameter | Description
|----------------------------------|-------------------------------------------------------------------------------------------------
| `creditCardNumber` | The card number input by the user.
| `creditCardHolderName` | The card holder's name is input by the user.
| `creditCardExpiryDate` | The card's expiry date is input by the user.
| `creditCardCVV` | The card's CVV input by the user.
| `onSave` | Callback function to handle save action.

## Reporting Issues and Requesting Features✨
If you encounter any issues or have feature requests, please create a new [issue](https://github.com/aritra-tech/ComposeCards/issues) in this repository.

## Supporting ComposeCards :heart:
Support it by joining __[stargazers](https://github.com/aritra-tech/ComposeCards/stargazers)__ for this repository. :star:

Also __[follow](https://github.com/aritra-tech)__ me for my next creations! 🀩

## Star History ⭐

[![Star History Chart](https://api.star-history.com/svg?repos=aritra-tech/ComposeCards&type=Date)](https://star-history.com/#aritra-tech/ComposeCards&Date)

## License

```
Copyright 2023 aritra-tech

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.