tiutenkoff / screen-keyboard

microsite with on-screen keyboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Микросайт с экранной клавиатурой

Описание проекта:

Реализация верстки экранов микросайта c использованием роутинга, механизма ввода номера при помощи экранной клавиатуры. Кнопка "Получить" становится доступной только при верификации введенного номера и согласием с обработкой персональных данных. Разрешение микросайта фиксированное, 1280х720.

Так же было реализовано:

  • видео (отрывок около минуты длиной) и баннер, появляющийся через 5 секунд от начала проигрывания ролика (на первом экране);
  • автоматическое масштабирование микросайта под любое разрешение (в соотношении 16:9);
  • валидация номера при помощи открытого сервиса numverify.

Использованные технологии и инструменты:

React + хуки + router
TypeScript
numverify
SCSS


Перед запуском необходимо:

  1. Установить Node.js:

    Установить Node.js (ссылка)

  2. Обновить пакеты:

$ npm i

Запуск проекта:

  • Запуск локального сервера:
$ yarn start (npm start)

About

microsite with on-screen keyboard


Languages

Language:TypeScript 58.3%Language:SCSS 31.8%Language:HTML 9.9%