Моделирование автозаправочной станции, реализованной на классах

Данное приложение моделирует очередь на автозаправочной станции. Реализовано на классах ES6. Проект собран при помощи webpack

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

Принцип работы:

• Имеется 3 типа заправочных колонок: бензин, дизель, газ. В класс, создающий колонки можно передавать любое их количество.
• Приезжающему автомобилю необходим определенный тип колонки. Также у каждого автомобиля свой объем бака.
• Если колонка свободна - в очереди берется первый подходящий автомобиль.
• Производится заправка (происходит отображение процесса заправки).
• После того как автомобиль заправлен - его место занимает следующий подходящий авто, а заправленное авто добавляется в список обработанных клиентов.

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

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