https://github.com/billstephens2022/creditcard-angular

Application build using Angular where the user enters credit card details into the form and the card is visualized on the screen. This is a demonstration of a reactive form and form controls within Angular.
https://github.com/billstephens2022/creditcard-angular

angular angularjs css css3 html html5 javascript typescript

Last synced: 2 months ago
JSON representation

Application build using Angular where the user enters credit card details into the form and the card is visualized on the screen. This is a demonstration of a reactive form and form controls within Angular.

• Host: GitHub
• URL: https://github.com/billstephens2022/creditcard-angular
• Owner: BillStephens2022
• Created: 2023-09-10T19:50:05.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-12T20:29:26.000Z (almost 3 years ago)
• Last Synced: 2025-07-31T06:27:00.444Z (11 months ago)
• Topics: angular, angularjs, css, css3, html, html5, javascript, typescript
• Language: HTML
• Homepage: https://billstephens2022.github.io/CreditCard-Angular/
• Size: 475 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CreditCard-Angular
![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)

  ## Description

  Application build using Angular where the user enters credit card details into the form and the card is visualized on the screen.  This is a demonstration of using reactive forms and form controls in Angular to ensure a user enters details correctly (i.e. in correct format for a credit card number, expiration date, etc) before a form can be submitted.  Built as part of an Angular tutorial.

  Screenshot of app:

  ![app screenshot](/src/assets/images/screenshot.png)

  

  ## Table of Contents

  

  - [Installation](#installation)

  - [Usage](#usage)

  - [License](#license)

  - [Contributing](#contributing)

  - [Tests](#tests)

  - [Questions](#questions)

  

  ## Installation

  

  Deployed URL: https://billstephens2022.github.io/CreditCard-Angular/

  

  ## Usage

  

  Enter credit card details into the form.  If details are entered  in incorrect format (i.e. invalid date, wrong # of digits in credit card #, letters in credit card #, etc) form will not be able to be submitted and will see an error message.

  ## License

This application is covered under the MIT License.


For more information: https://opensource.org/licenses/MIT

  

  ## Contributing

  N/A

  

  ## Tests

  N/A

  ## Questions

  Contact Info


  GitHub user name: BillStephens2022


  Link to GitHub profile: https://github.com/BillStephens2022


  Email: stephensbill17@gmail.com