Разработка, верстка и техническая администрация сайта Kashtanka.by

Описание

Платформа «Каштанка» — маркетплейс для собаководов: поиск щенков, база пород, профили собак с родословными, услуги кинологов и специалистов, блог, истории и социальные проекты.

Работал над проектом как разработчик, верстальщик и технический администратор: от интерфейса и API до деплоя и поддержки продакшена.

Что сделано

Публичная часть: главная, каталоги щенков и услуг, карточки объявлений, база пород, профили собак, блог, стримы, страницы «О проекте», тарифов, блогерам и инвесторам.
Личный кабинет: регистрация и восстановление пароля, объявления и профили, избранное, отзывы, уведомления, премиум-подписка.
Мессенджер в реальном времени (Socket.IO).
Админка: модерация объявлений, пользователей, отзывов, жалоб и документов; CMS главной, тарифов и страниц; SEO-настройки, промокоды, заявки.
Адаптивная верстка по Figma, галереи, видеоплеер, формы, фильтры, пагинация.
SEO: метатеги, Open Graph, schema.org, sitemap, канонические URL, аналитика.
Стек

React 19, TypeScript, Vite, SCSS, React Router, TanStack Query · Node.js, Express, Prisma, PostgreSQL · Socket.IO · Docker, Nginx · S3 (Timeweb), Sharp · ЮKassa, SMTP · JWT-авторизация.

Администрирование

Продакшен на Docker Compose: фронтенд за Nginx, API, PostgreSQL, объектное хранилище медиа. Настроены HTTPS-прокси, gzip и кэш статики, health-check, почта, платежи, бэкапы окружения. Сопровождение: релизы, мониторинг работоспособности, правки контента и модерации через CMS.

Решение

Собрал сайт как полноценный веб-сервис и довёл его до продакшена: сверстал интерфейс, связал его с бэкендом, настроил инфраструктуру и дальше сопровождал работу площадки.

Верстка и интерфейс. Перенёс макеты Figma в адаптивную вёрстку (десктоп и мобильная версия). Собрал каталоги, карточки объявлений, личный кабинет, формы подачи и фильтры, галереи, видео и админ-панель. Выровнял типографику, сетки и состояния: загрузка, пустые списки, ошибки, модерация.

Разработка. Реализовал публичную часть и кабинет пользователя: регистрация, объявления о щенках и услугах, профили собак, база пород, избранное, отзывы, уведомления, премиум. Добавил чат в реальном времени. Собрал админку: модерация контента и документов, CMS страниц и тарифов, SEO, промокоды, заявки. На бэкенде — API, база PostgreSQL, загрузка и обработка медиа, почта, платежи ЮKassa, авторизация.

Техническая администрация. Развернул продакшен на Docker (фронтенд, API, БД), настроил Nginx, HTTPS, кэш статики, объектное хранилище, почту и аналитику. Настроил SEO (метатеги, Open Graph, sitemap, канонические URL). Сопровождал релизы, следил за работоспособностью, правил контент и сценарии модерации без остановки сайта.

Результат

Запущен рабочий продакшен-сайт «Каштанка»: пользователи ищут щенков и услуги, ведут профили, общаются в чате и оформляют подписку; администраторы модерируют контент и управляют страницами через CMS — без правок в коде.

Площадка собрана как единый продукт, а не набор отдельных страниц: каталог, кабинет, платежи, медиа и админка работают в одном контуре. Интерфейс адаптивный, индексация и шаринг настроены (SEO, Open Graph, sitemap), медиа отдаются из облачного хранилища.

Сайт развёрнут и сопровождается в боевом окружении (Docker, Nginx, PostgreSQL): релизы, почта, платежи ЮKassa и доступность сервиса поддерживаются штатно.

Презентация проекта

Ссылки на примеры реализации