Домашнее задание к интенсиву «Создаём сайт-приложение для трёх платформ за один день», проведенному SkillBox 30 января 2021 г. Запись интенсива доступна здесь. Макет для верстки доступен в Figma.

Домашнее задание. Часть 1. Веб-приложение

Демонстрация в CodePen и в StackBlitz.

Исходный код в CodePen и в StackBlitz.

Домашнее задание. Часть 2. Настольное приложение

Подробности работы с фреймворком Electron рассмотрены в статье.

Подготовка

Установите платформу Node.js

Инсталлятор можно скачать по ссылке https://nodejs.org.

Установите Electron Forge

Выполните глобальную установку Electron Forge с помощью следующей команды:

npm install -g electron-forge

Клонируйте код

Клонируйте код с помощью команды:

git clone https://github.com/InventiveSpark/skillbox-avia-live.git

Запустите приложение

Войдите в папку проекта и запустите приложение, введя следующий набор команд:

cd skillbox-avia-live
npm i
npm start

Упакуйте приложение

Чтобы упаковать приложение, введите следующую команду:

npm run package

При вызове этой команды без параметров, создается исполняемый файл приложения для той платформы, которая используется в ходе разработки. Файлы будут помещены в папку out, которая будет создана в корневой папке проекта.

Создайте установочный файл приложения

Чтобы создать установочный файл приложения, введите следующую команду:

npm run make

Установочные файлы будут размещены в папке out.