Валидация платежной карточки

При вводе номера карты происходит определение типа карты по заранее сформированной маске и отрисовка внешнего вида. При нажатии кнопки валидации выводится результат - корректны ли введенные данные. Верстка генерируется из js-файла с помощью RE:DOM. Использование Jest для тестирования.

Используемые инструменты

1. Parcel
2. RE:DOM
3. Jest

Развернутое приложение на Vercel

Что было сделано:

1. Генерация верстки из js-файла с помощью RE:DOM
2. Формирование внешнего вида карточки в зависимости от банка (сравнение по маске)
3. Проверка на корректность данных при нажатии на кнопку "Validate"
4. Тестирование входящих значений с помощью Jest

Для работы с приложением:

запуск и сборка приложения

npx parcel index.html

• запуск осуществляется по адресу http://localhost:1234