Тестовое задание 8 Apr 2021
alphard - 3D-путеводитель по Солнечной системе
- Node.js
- Express
- EJS
- model-viewer
- WebGL
- Docker
Путеводитель по девяти мирам Солнечной системы: у каждого - вращаемая glTF-модель, собственный цвет планеты и моноширинная телеметрия. Node, Express и EJS через model-viewer.
Задача
Взять учебный сайт про Солнечную систему - падающий на неизвестных маршрутах, раздающий весь node_modules, со скопированными статьями про не ту планету - и превратить в доступный, адаптивный, полностью перерисованный путеводитель, не уходя с Express и EJS.
Подход
Сначала укрепить сервер: проверять имя планеты, отдавать оформленную 404 вместо падения, смонтировать статику точечно. Переписать все девять планет достоверным текстом с таблицей телеметрии, затем перестроить интерфейс вокруг порта наблюдения в OKLCH с акцентом на планету, самостоятельным шрифтом и нормальными состояниями загрузки, пустоты и ошибки для 3D-моделей.
Результат
Путеводитель по девяти планетам с вращаемыми glTF-моделями, цветом на планету, моноширинной телеметрией и оформленной 404, адаптивный от 390px и доступный. Node, Express и EJS в одном процессе, в Docker за Caddy.