GlavStroyBlock (ГлавСтройБлок) is a static front-end prototype for a construction-materials warehouse: login screen, product catalog, storage locations, goods receipt and issue flows, order list, document printing, and settings.
Built as a layout and UX exercise — no backend, no real auth. Buttons and forms demonstrate interactions with client-side JavaScript only.
→ Open demo · Light theme starts at log.html · Dark at d.log.html
| Entry | Description |
|---|---|
| index.html | Landing — pick light or dark theme |
Light (*.html) |
Default style.css palette |
Dark (d.*.html) |
Same screens with dark.css |
- Вход / Регистрация — tabbed auth mock with social buttons
- Товары — product list and stock display
- Места хранения — storage locations
- Приемка / Выдача — receive and issue workflows
- Заказы — order list with accept/delete demo actions
- Печать — document picker and print/PDF placeholders
- Настройки — password change (client-side validation only)
| Layer | Details |
|---|---|
| Markup | 18 HTML pages (9 light + 9 dark mirrors) |
| Styles | style.css, dark.css |
| Script | script.js — tabs, dynamic selects, demo alerts |
| Assets | Logo, avatars, social icons (PNG) |
git clone https://github.com/krwg/glavstroyblock.git
cd glavstroyblock
npx --yes serve .
# open http://localhost:3000This is a design mock, not production software:
- No API, database, or real authentication
- Print / PDF / password flows use
alert()placeholders - Data does not persist between sessions
Suitable for portfolio review, HTML/CSS practice, or as a starting layout for a real warehouse app.
ГлавСтройБлок — верстка интерфейса для сотрудников склада стройматериалов: вход, товары, приёмка, выдача, заказы, печать накладных. Статический HTML/CSS/JS без серверной части.
Portfolio project by krwg · 2024 layout, 2026 Pages refresh