Proxy Management SaaS
SaaS панель управления прокси-сервисом: мониторинг USB-модемов, ротация IP, биллинг с подписками и аналитика выручки.
NeoProxy — полноценная SaaS-платформа для управления прокси-сервисом на базе USB-модемов. Включает личный кабинет пользователя, админ-панель и публичный лендинг.
Пользователи управляют своими прокси: просматривают статус модемов, контролируют трафик (download/upload), настраивают автоматическую ротацию IP по интервалам. Dashboard показывает статистику использования полосы пропускания и активности прокси.
Система биллинга с 3 тарифными планами (Basic, Professional, Enterprise), привязкой карт Visa/Mastercard/PayPal, историей платежей и скачиванием инвойсов.
Админ-панель включает: управление пользователями, настройку тарифных планов, аналитику выручки с графиками динамики доходов по периодам, API логи для отладки интеграций клиентов.
Мониторинг LTE модемов с ротацией IP
Графики bandwidth и активности
3 тарифа, карты, PayPal, инвойсы
Динамика доходов, retention rate
CRUD для тарифных планов
Отладка клиентских интеграций
Как я решил бизнес-задачу и какую ценность это принесло
Заказчику нужна была панель управления для прокси-сервиса на базе USB LTE-модемов. Требовался полный цикл: от мониторинга модемов и трафика до системы биллинга с подписками и админ-панели с аналитикой для отслеживания выручки бизнеса.
Разработал SPA на Vue 3 с feature-based архитектурой: 3 layout-а (public, auth, dashboard), Pinia store для state management, Chart.js для визуализации данных. Реализовал систему ролей (user, admin, superadmin), полную систему биллинга с привязкой карт и PayPal, детальную аналитику выручки с экспортом в CSV.
Нажмите «Запустить демо» чтобы увидеть путь пользователя по шагам
Управление прокси и подпиской
Email/Password login
Статистика прокси, bandwidth, ротации
Список USB модемов с IP и статусом
Ручная или автоматическая смена IP
Текущий план, способы оплаты, история
Настройки профиля и уведомлений
Каждое решение = конкретная выгода для бизнеса: экономия, скорость, конверсия
Каждая фича (dashboard, proxies, billing, admin) изолирована в своей папке с views, components, stores. Три layout-а: PublicLayout, AuthLayout, DashboardLayout для разных секций приложения.
Централизованное хранилище состояния для прокси, пользователя, биллинга. Actions для API-запросов, getters для фильтрации и поиска. Persist plugin для сохранения сессии.
Интерактивные графики: Line chart для динамики выручки, Doughnut chart для распределения по тарифам, Bar chart для bandwidth usage. Адаптивный resize.
Полная система биллинга: 3 тарифных плана с разными лимитами, привязка карт с маскированием номера, PayPal интеграция, история платежей со скачиванием инвойсов.
Многоуровневая архитектура для надёжности: каждый слой отвечает за свою задачу
Интегрированы мировые лидеры: Stripe для платежей, OpenAI для AI, SendGrid для писем — надёжность и масштаб
Reactive refs, computed, watch, lifecycle hooks с <script setup>
State management с actions, getters и persist plugin
Line, Doughnut, Bar charts для аналитики и дашборда
Utility-first CSS с кастомной неоновой темой
Доступные UI компоненты: Dialogs, Dropdowns, Tabs
Утилиты: useStorage, useDark, useClipboard
Заинтересовал проект? Свяжитесь со мной для обсуждения деталей.