Bukilan / timer_test

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TIMER TEST

Запуск:

$ npm install
$ npm run start

Требуемый интерфейс:

image

Логика:

  1. Наверху расположены 4 кнопки с нумерацией (начиная с 1) При нажатии на кнопку должен запускаться таймер с задержкой в секундах, равной номеру кнопки.
  2. Таймер следующей нажатой кнопки должен запускаться только после завершения предыдущего
  3. По завершению отсчета таймера, в блок “Логи” добавляется запись в следующем формате: “${время вывода строки в лог}: ${номер кнопки} / ${время нажатия кнопки}”
  4. Записи в логе должны следовать в порядке нажатия кнопок.
  5. Также есть кнопка "Сбросить”, по нажатию на которую состояние приложения должно возвращаться к исходному.

Требования:

  1. Приложение должно быть написано на React
  2. Компоненты должны быть функциональными
  3. Должна быть возможность переиспользования компонентов
  4. Приложение должно поддерживать следующие npm-скрипты:
  5. start - запускается в режиме для разработки
  6. build - собирается в продакшен-билд
  7. Для запуска приложения должно быть достаточно выполнить: npm i && npm start

About


Languages

Language:TypeScript 90.0%Language:CSS 5.9%Language:HTML 2.4%Language:JavaScript 1.7%