Кейс · 2021

Маркетплейс игровых ценностей

Маркетплейс для торговли игровыми ценностями с мессенджером в реальном времени. Продуманная работа с WebSocket: очередь сообщений, офлайн-режим, SSR-скелетоны.

Клиент
Фриланс
Год
2021
Роль
Frontend · WebSocket · Real-time
Срок
Октябрь 2021 — Январь 2022
Команда
Solo на фронте · партнёр — бэкенд и дизайн

Контекст

Маркетплейс для торговли игровыми ценностями. Ключевая фича — мессенджер между пользователями: переписка в реальном времени, надёжная доставка сообщений при любом качестве связи.

Решение

Разработал мессенджер с нуля. На SSR страница отдаётся со скелетонами, на CSR одновременно стартуют запросы и инициализация WebSocket. Пока сокет поднимается — входящие сообщения складываются в очередь и подставляются после соединения.

При нестабильном или отсутствующем интернете сообщения сохраняются локально и уходят после восстановления связи. Анимации переходов, валидация на количество символов.

Форма переноса лотов и отзывов с других торговых площадок.

Стек
Nuxt 3PiniaPrimeVue 3WebSocketNuxt AuthSwiper

Результат

Мессенджер работает надёжно даже при нестабильном соединении — сообщения не теряются благодаря очереди и локальному хранению.