https://github.com/sonjoydatta/creditcard-payment

Credit Card payment form and validation
https://github.com/sonjoydatta/creditcard-payment

bootstrap javascript nextjs reactjs regular-expression responsive-web-design sass validation

Last synced: 4 months ago
JSON representation

Credit Card payment form and validation

• Host: GitHub
• URL: https://github.com/sonjoydatta/creditcard-payment
• Owner: sonjoydatta
• License: mit
• Created: 2020-04-21T15:49:21.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T13:49:31.000Z (almost 2 years ago)
• Last Synced: 2023-03-06T04:47:34.306Z (almost 2 years ago)
• Topics: bootstrap, javascript, nextjs, reactjs, regular-expression, responsive-web-design, sass, validation
• Language: JavaScript
• Homepage:
• Size: 567 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Credit Card Payment Form

This is a simple form for taken the Credit Card payment. It will validate the fields has data or not and type of the Credit Card. I have used ReactJs, NextJs, Bootstrap, and SASS to build the form. It is a responsive design. 

## Credit Card Payment Form

An outlook of the form:


![Credit Card payment form](public/static/example/01.png)

Another outlook, when all fields are empty:


![Credit Card payment form with empty fields](public/static/example/02.png)

Final outlook, when all fields are valid:


![Credit Card payment form with empty fields](public/static/example/04.png)

## Console output

```html

{

  name: "Jhon Smith"

  number: "5105105105105100"

  expiry: "09/21"

  security: "123"

}

```

## About me

This is Sonjoy Datta. I am a Front-end web developer with 5 years of experience. Alongside this, I am also working with the Laravel framework. For more about me please check my [Website](https://sonjoydatta.me) or [LinkedIn](https://www.linkedin.com/in/sonjoydatta) profile.

## License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/sonjoydatta/creditcard-payment/blob/master/LICENSE) file for details.