Tomato-timer, реализованный на класах

Стильный tomato-timer с возможностью добавлять неограниченное колиечество задач.

Что может:

• Добавление задач в список;
• Установка приоритета и название задачи;
• Запуск, пауза и остановка задачи;
• Выбор задачи для запуска таймера;
• Удаление задачи с подтверждением в отдельном модальном окне;
• На текущей задаче тикает счетчик помидорок при выполнении.

⚠️ В задеплоеной версии для демонстрации работы приложения установлены таймеры в 18 секунд на задачу и 5 секунд на отдых.

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

Конфиг Вебпака:

4 варианта сборки:

• start - сборка development билда с запуском сервера webpack-dev-server + hot reload
• dev - сборка development билда без запуска сервера
• build - сборка production билда
• clear - очистка папки dist

Дополнительные параметры:

• Обработка файлов стилей - css, scss, sass
• Обработка изображений - jpg, jpeg, png, gif, svg
• Обработка шрифтов - woff2, woff, eot, ttf, otf
• Обработка html файлов
• Имена файлов при сборке формируются при помощи hash и являются уникальными при обновлении
• Подключен babel + полифил (babel-polyfill)

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

Запуск production сборки:

npm run build

• сборка и оптимизация приложения в папке dist для деплоя.

Запуск dev-сборки с запуском сервера:

npm run start

Запуск dev-сборки без запуска сервера:

npm run build

Очистка папки dist:

npm run clear