Герои СПО: цифровой архив историй
Проблема
Материалы двадцати учреждений жили в переписке и терялись при смене кураторов — единого архива, пригодного для публикации, не существовало.
Что реализовано
- Каталог карточек с фильтрами по категориям участников
- Единая структура карточки: биография, учёба, качества, статус
- Медиаархив материалов с корректным состоянием незаполненного архива
- Интерактивная карта городов и учреждений — география движения
- Разделы волонтёрства, учебных заведений и помощи проекту
- Формы участия и поддержки проекта
- Публичные счётчики охвата движения
Стек
- Next.js
- React
- PostgreSQL
- Prisma
- Docker
- Nginx
Результат для бизнеса
- Материалы двадцати учреждений собраны в один архив с постоянным доступом
- Данные не зависят от того, кто из кураторов остался в проекте
- Карточки приведены к единой структуре независимо от источника
- Незаполненные данные не ломают вид страницы — архив можно публиковать в процессе сбора
- Охват движения виден на карте и в публичных счётчиках
Техническая реализация
Next.js с серверным рендерингом — карточки индексируются и открываются по прямой ссылке. Карточка спроектирована с расчётом на неполные данные: возраст, учебное заведение и медиаматериалы необязательны, при их отсутствии выводится явное состояние вместо пустого блока. Фильтрация категорий выполняется на клиенте по заранее отданному набору, поэтому переключение мгновенное. Данные — PostgreSQL, развёртывание в Docker за Nginx.
Подробнее
Материалы двадцати учебных заведений собирались в переписке и на личных носителях: часть терялась при смене кураторов, часть приходила в произвольном виде, и опубликовать это единым проектом было невозможно. Архив приводит разнородные данные к одной карточке и делает их постоянно доступными — с фильтрами, картой географии движения и корректным поведением там, где данные ещё не собраны.
Частые вопросы
Какой результат дал проект Герои СПО: цифровой архив историй?
Материалы двадцати учреждений собраны в один архив с постоянным доступом Данные не зависят от того, кто из кураторов остался в проекте Карточки приведены к единой структуре независимо от источника Незаполненные данные не ломают вид страницы — архив можно публиковать в процессе сбора Охват движения виден на карте и в публичных счётчиках
Какие технологии использовались в проекте Герои СПО: цифровой архив историй?
Next.js, React, PostgreSQL, Prisma, Docker, Nginx
В чём была ключевая особенность проекта Герои СПО: цифровой архив историй?
Каталог карточек с фильтрами по категориям участников Единая структура карточки: биография, учёба, качества, статус Медиаархив материалов с корректным состоянием незаполненного архива Интерактивная карта городов и учреждений — география движения Разделы волонтёрства, учебных заведений и помощи проекту Формы участия и поддержки проекта Публичные счётчики охвата движения
Похожие проекты
Ещё материалы и кейсы, которые продолжают тему и помогают быстрее понять контекст.
Веб-сервис
PLATA32: приём и оценка радиодеталей
Основной поток обращений в скупку — однотипные вопросы «что принимаете» и «сколько стоит». Менеджер тратит смену на консультации, значительная часть…
Веб-сервис
Белка Добра: публичный сайт и блог
Публикации проекта расходились по социальным сетям: журналисту или партнёру нельзя было дать одну ссылку, материалы тонули в ленте за сутки, а часть…
Веб-сервис
ПАНТРА: сайт салона с услугами и записью
Администратор салона тратит смену на звонки «сколько стоит» и «есть ли места», а клиент, не найдя прайс на сайте, уходит к конкуренту, у которого…