https://github.com/danihre/react-pay-card
Card Bank made with React + Typescript + Scss.
https://github.com/danihre/react-pay-card
bank card component javascript payment react typescript
Last synced: 6 months ago
JSON representation
Card Bank made with React + Typescript + Scss.
- Host: GitHub
- URL: https://github.com/danihre/react-pay-card
- Owner: DaniHRE
- Created: 2022-11-14T16:52:55.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-28T00:07:21.000Z (over 1 year ago)
- Last Synced: 2024-05-28T09:37:06.720Z (over 1 year ago)
- Topics: bank, card, component, javascript, payment, react, typescript
- Language: TypeScript
- Homepage: https://npmjs.com/package/react-pay-card
- Size: 3.04 MB
- Stars: 17
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
## Demo
To see demonstration site: https://danihre.github.io/react-pay-card
## How To Use
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
$ npm i react-pay-card
# Install dependencies
$ npm install
# Run the app
$ npm start
```
CARD COMPONENT
```js
import chip from './images/chipIcon.svg';
import brand from './images/brandIcon.svg';
import background from './images/background.png';
```
FORM COMPONENT
```js
import { SimpleFormCard } from 'react-pay-card';
```
OBS: Simple Form Card don't have props now. i'll fix it later.
## Props
| Props | Example | Description |
|--------------|---------------------|----------------|
|cardHolder | JOHN DOE | Owner Name |
|cardNumber | 0000 0000 0000 0000 | Number |
|cardMonth | 10 | Month Expire |
|cardYear | 2022 | Year Expire |
|cardCVV | 000 | CVV Number |
|cardIcon | SVG File | Icon |
|brandIcon | SVG File | Brand Icon |
|backgroundIcon| PNG File | BackgroundImage|
## Download
You can [download](https://www.npmjs.com/package/react-pay-card) the latest release package.
## Related
[Danihre](https://github.com/danihre/danihre) - README Personal Profile
## You may also like...
- [JS-Nds](https://github.com/danihre/js-nds) - Nintendo DS Emulator 🎮
- [JSDoom](https://github.com/danihre/jsdoom) - A Playable doom game in js with dosbox api.
## Credits
This software uses the following open source packages:
- [React-Transition Group](http://showdownjs.github.io/showdown/)
- [React](https://github.com/marketplace)
- [Typescript](https://github.com/Microsoft/TypeScript)
- [Sass](https://github.com/sass/dart-sass)
## Repo Activity
---
> GitHub [@danihre](https://github.com/Danihre)  ·Â
> Instagram [@dani_rod05](https://instagram.com/dani_rod05)