From 3a5b3402f5354aa668a887e4b2885b30c1089236 Mon Sep 17 00:00:00 2001 From: Masha Moreva Date: Sat, 30 Sep 2023 11:52:48 +0300 Subject: [PATCH] edit-readme --- README.md | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 4cfd532..1383aa0 100644 --- a/README.md +++ b/README.md @@ -4,17 +4,17 @@ Данный проект представляет собой форму онлайн-оплаты, разработанную с использованием современных технологий. #### Функционал: -- **Номер карты** +- **Номер карты** Поле для ввода номера кредитной карты. При вводе номера карты, автоматически игнорируются любые символы, кроме цифр. Цифры разделяются автоматически по 4 штуки пробелом, для удобства восприятия. -- **Дата окончания** +- **Дата окончания** Поле для ввода даты окончания действия карты в формате "ММ/ГГ". При вводе, данные разделяются символом "/", если в поле введено 2 цифры месяца. Дата окончания должна быть больше текущей даты. -- **CVC/CVV** +- **CVC/CVV** Поле для ввода CVC/CVV кода карты. Требуется ввод строго 3 цифр. -- **Email** +- **Email** Поле для ввода адреса электронной почты. -- **Кнопка "Оплатить"** +- **Кнопка "Оплатить"** Отключена до тех пор, пока пользователь не заполнит корректно все обязательные поля. Кнопка становится активной только после корректного заполнения всех полей. - + **Валидация**: проверка корректности введенных данных происходит при потере фокуса на каждом поле (событие blur). Если данные некорректны, отображается соответствующая ошибка. @@ -24,6 +24,7 @@ - **Tailwind CSS** - CSS-фреймворк для быстрой разработки - **card-validator** - библиотека для валидации номеров кредитных карт - **inputmask** - библиотека для форматирования ввода данных +- **Jest** - фреймворк для тестирования JavaScript кода #### Инструкции по установке: - клонируйте репозиторий: `git clone https://github.com/MashaMoreva/online-payment-form.git` @@ -31,6 +32,7 @@ - установите зависимости: `npm install` - сборка проекта: `npm run build` - запустите проект в режиме разработки: `npm run start` (приложение будет доступно по адресу http://localhost:3000) +- запустите тесты: `npm run test` #### Ссылка на проект * [посмотреть на Netlify](https://gentle-swan-e5d1f3.netlify.app)