update README.md

README.md

@@ -1,2 +1,30 @@
-# credit-card
-Учебный проект "Credit Card Payment Form" - это веб-приложение  для создания виртуальной кредитной карты
+<h1 align="center">Приложение для создания виртуальной банковской карты</h1>
+
+<div align="center">
+  <a href="https://nadezhda-v.github.io/credit-card/">
+    <img src="https://user-images.githubusercontent.com/109743172/266770163-d27a40ef-c798-4478-88c9-a0f9c6c04425.gif" width="650" alt="Гиф с демонстрацией функционала приложения">
+  </a>
+</div>
+
+<h4>:link: Ссылка на проект: https://nadezhda-v.github.io/credit-card/</h4>
+
+<h2>Описание проекта</h2>
+Проект представляет собой приложение для создания и визуализации банковских карт и предоставляет информацию о платежной системе и банке, выпустившем карту.
+<br>
+
+<h2>Установка и запуск приложения</h2>
+
+1. `git clone https://github.com/Nadezhda-v/credit-card.git` - клонировать репозиторий
+2. `npm i` - установить зависимости
+3. `npm run dev` - запуск приложения в режиме разработчика
+   <br>
+   /\*если приложение не запустилось автоматически, в браузере ввести ссылку `http://localhost:3000/`\*/
+
+<h2>Возможности</h2>
+<ul>
+  <li> Визуализация банковской карты с введенными данными
+  <li> Автоматическое определение бренда карты
+  <li> Отображение логотипа банка
+  <li> Валидация данных и сообщения об ошибках
+  <li> Возможность переворачивать карту для просмотра CVV-кода
+</ul>