PWA для SMM маркетинга

Проект представлял собой веб-приложение в формате PWA, полностью повторяющее интерфейс списка чатов Telegram на iPhone. Основная цель — создать инструмент для SMM-специалистов, позволяющий визуализировать “завал лички” и использовать приложение для подготовки контента и презентаций.

Функциональность:
• Отображение чатов в интерфейсе, идентичном Telegram.
• Импорт и экспорт чатов в формате JSON для переноса данных между устройствами.
• Возможность установки PWA на смартфон с запуском без браузера.
• Размещение проекта на хостинге (Vercel).

Решение

Разработал приложение на React со сборщиком Vite с поддержкой PWA.
Реализовал конструктор чатов, включающий:
• Секции “Чаты/Сторисы”, поиск, папки, список диалогов.
• Рандомизацию числовых показателей (количество чатов, уведомления, папки).
• Базы мужских и женских имен и аватарок для корректного отображения контактов.
• Возможность ручного ввода сообщений и времени.
• Настроил сохранение/загрузку состояния чатов через JSON.
• Оптимизировал интерфейс под мобильные устройства, включая поведение блоков при скролле (фиксированные элементы, скрытие поиска и т.п.).
• Настроил деплой на Vercel.

Результат

Получено удобное PWA-приложение, которое можно установить на главный экран смартфона. Интерфейс визуально полностью повторяет Telegram, но при этом позволяет кастомизировать и конструировать чаты. Заказчик получил инструмент, упрощающий подготовку материалов для работы SMM-специалистов. Реализован перенос данных между устройствами через JSON.