adrianghub / card-validation-alg

Card validation system based on Luhn algorithm that validates user card among Mastercard, Visa, and AmericanExpress

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Card-Validation-Algorithm πŸš€

I've accomplished this practical project as a part of Opanuj JavaScript course. The project was built using pure JavaScript( programming logic and functionality ) and HTML/CSS (layout, styles). It's main focus is to validate card number from the selecion of 3 financial services (Visa, Mastercard or AmericanExpress) based on Luhn Algorithm.

GitHub Logo

Table of contents πŸ“”

Technologies

  • HTML5
  • CSS3
  • Javascript

How to run πŸ”₯ πŸ”₯ πŸ”₯

  1. Clone this repo https://github.com/AdrianGHub/Card-Validation-Algorithm.git

  2. Make sure you have Node.js with npm from nodejs.org or via nvm | n

  3. Install parcel bundler :

npm install -g parcel-bundler

  1. Localize your directory with project and run following command :

parcel index.html

  1. Open website on localhost with index.html file displayed.

  2. See the Examples --> Enjoy! 😎

Examples

Having opened browser with mentioned file type your card number into input field and check if message says it's correct number.

before validation: 4874742091150666

after validation: Twoja karta jest poprawna. ZostaΕ‚a wydana przez Visa


before validation:  1 8 1 2

after validation: Numer kary nie może zawierać poniżej 13 cyfr 

Status

πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰ Project is finished πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰

About

Card validation system based on Luhn algorithm that validates user card among Mastercard, Visa, and AmericanExpress


Languages

Language:JavaScript 65.8%Language:CSS 20.6%Language:HTML 13.6%