Дела рядом
Житель вводит свою улицу или нажимает на район на карте и видит, что сделано рядом с ним и кто в этом участвовал. Ни одного факта без источника.
Карта как вход
Главный экран — карта 18 районов Петербурга с врезкой центра. Районы закрашены по числу дел, клик ведёт на страницу района с его делами, депутатами и новостями. Границы взяты из OpenStreetMap и упрощены своим кодом, чтобы карта была лёгкой.
Факт с источником
В каталоге 41 дело и 20 планов. У каждого дела есть дата, адресная табличка, роль депутата словами источника и ссылка на публикацию. Тексты сверялись с источниками вручную.
Для подъезда и чата
Страница района печатается листом А4 для доски объявлений с QR-кодом на сайт, а итоги можно скопировать текстом для домового чата. QR-генератор написан свой.
Как устроена карта районов
Рельефная карта на постаменте: плитки районов поднимаются по числу дел, адресный указатель переходит к выбранному району, а маленький пресс печатает лист для подъезда.
Экраны
Технически
- React 19 и TypeScript без бандлера: своя сборка собирает сайт в один HTML-файл около 1 МБ.
- Границы районов из OpenStreetMap, свои упрощение и сглаживание контуров.
- Свой генератор QR-кодов для печатного листа.
- Каждый регион — отдельная папка данных, поэтому сайт можно развернуть для другого города.
- Небольшой сервер на Node с SQLite для голосов, подсказок и подписок жителей.
React · TypeScript · OpenStreetMap · Node.js