Технология

Разработка на Vue

Vue 2 / Vue 3 · админ-панели · кабинеты · дашборды

Делаю интерфейсы на Vue: админ-панели, личные кабинеты, дашборды с метриками и Telegram Mini Apps. Работаю и с Vue 2, и с Vue 3: поддерживаю существующие проекты и пишу новые.

Vue 3 стоит в двух проектах из кейсов: интерфейс мониторинга парка до 10 000 устройств и админ-панель платформы подписок.

Что делаю на Vue

пять направлений
01

Админ-панели

Пользователи, заказы, подписки и платежи в одном месте. Поиск, фильтры, роли и права, выгрузки.

Vue 3 · роли и права
02

Дашборды и мониторинг

Метрики и история по каждому объекту, пороги и статусы, которые видно с одного взгляда.

Vue 3 · графики · метрики
Кейс: мониторинг 10 000 устройств →
03

Личные кабинеты

Кабинет клиента: заявки, документы, оплаты, уведомления.

Vue · REST API
04

Telegram Mini Apps

Веб-приложение на Vue внутри Telegram: вход через initData, цвета темы Telegram, работа и в браузере.

Vue · initData
Telegram-боты и Mini Apps →
05

Поддержка проектов на Vue 2

Доработки и исправления в существующих проектах, разбор чужого кода, план переезда на Vue 3, когда он оправдан.

Vue 2 · Vue 3

Реальные проекты на Vue

в продакшене
01

Мониторинг парка майнингового оборудования

Разработчик · полный цикл · заказчик под NDA

Телеметрия по API нескольких сервисов и пулов — до 10 000 устройств с опросом раз в минуту. Оперативные метрики в Redis, суточные агрегаты в PostgreSQL, алерты в Telegram и на почту. Простой машины виден через 3 минуты вместо недель.

10 000устройств
1 мининтервал опроса
3 миндо алерта
PHP · Laravel · Redis · PostgreSQL · Vue 3 · Telegram Bot API
Подробный разбор кейса →
02

Платформа подписок для инвестиционного советника

Единственный разработчик · Telegram-бот, бот для MAX и админ-панель

Продажа и продление клубных подписок без ручных операций: две платёжные интеграции с рекуррентными списаниями, идемпотентная обработка вебхуков, чеки по 54-ФЗ. Админ-панель на Vue 3.

~6 000подписчиков
~3 млн ₽оборот в месяц
PHP · Laravel · PostgreSQL · Vue 3 · Telegram Bot API · MAX API
Подробный разбор кейса →

Типовое решение

как это может выглядеть
Типовое решение

Лёгкая CRM для отдела продаж

Пример задачи и архитектуры, а не проект из портфолио
Задача
Заявки приходят с сайта, из мессенджеров и по телефону, менеджеры ведут их в таблицах и теряют.
Как собрать
Интерфейс на Vue 3: воронка заявок, карточка клиента, задачи и напоминания. Заявки с сайта и из Telegram-бота падают автоматически, на сервере — API на Laravel с ролями для менеджеров и руководителя.
Что получит заказчик
Все заявки в одном месте, у каждой есть ответственный и следующий шаг, руководитель видит воронку.
Vue 3 · TypeScript · Laravel · PostgreSQL · Telegram Bot API

Стек

чем работаю
Frontend
Vue 2Vue 3JavaScriptTypeScript
Вёрстка
HTML5CSS3
Backend
LaravelNode.js

Сроки и стоимость

по задаче

Цена зависит от объёма, числа интеграций и того, есть ли уже бэкенд или дизайн. После короткого созвона присылаю оценку по этапам.

Частые вопросы

про Vue
Vue 2 или Vue 3 для нового проекта?

Vue 3. Поддержка Vue 2 официально закончилась в конце 2023 года, новые библиотеки ориентируются на Vue 3.

Vue или React?

Обе библиотеки подходят для кабинетов и админок, работаю с обеими. Выбор чаще зависит от команды и существующего кода, чем от возможностей. Подробно — в статье «React или Vue».

Бэкенд под интерфейс тоже сделаете?

Да: API на Laravel или Node.js, роли и права, оплата и уведомления.

Сколько стоит админ-панель на Vue?

Цена зависит от объёма, числа интеграций и того, есть ли уже бэкенд или дизайн. После короткого созвона присылаю оценку по этапам.

Обсудим интерфейс на Vue

Опишите в Telegram, для кого интерфейс и какие данные в нём будут. Отвечу, что войдёт в первую версию.