Веб-головоломка, натхненна міні-грою Queens від LinkedIn, побудована на чистому JavaScript та Hugo.
Кожен рівень — сітка, поділена на кольорові регіони. Мета — розмістити рівно одну королеву в кожному регіоні так, щоб жодні дві не опинились в одному рядку, стовпці чи по діагоналі.
Що всередині
- 36 основних рівнів від 4×4 до 8×8, плюс тематичні рівні
- Таймер і лічильник ходів для відстеження результатів
- Збереження прогресу — найкращий час і кількість ходів для кожного рівня
- Скасування ходу, перезапуск, навігація між рівнями (попередній / наступний / випадковий)
- Темна та світла теми
- Українська та англійська локалізація
- Кожен рівень має єдиний розв’язок
Під капотом
Гра працює повністю в браузері — без бекенду, без фреймворків. Логіка гри, рендеринг дошки та управління станом реалізовані в одному модулі на чистому JS. Стилі розділені на п’ять CSS-модулів, зібраних через Hugo Pipes. Рівні генеруються Python-скриптом із backtracking-алгоритмом, який гарантує єдиний розв’язок, і зберігаються як контентні сторінки Hugo. Сайт статично збирається Hugo і деплоїться на Cloudflare Pages.
Весь проєкт створений за допомогою ШІ — Claude використовувався як партнер у розробці на всіх етапах, від архітектурних рішень до реалізації.