✦ Портфолио · 2023 — 2026

ДАНИИЛ МУСТАФИН

Fullstack-разработчик и дизайнер. Создаю продукты целиком — от архитектуры бэкенда и интерфейсов до брендинга и 3D: DREAMAGE, десктоп-приложения, веб-сервисы и визуальные системы.

Изучить DREAMAGE Все проекты

Экосистема live Nuxt · Vue · Tauri Paper · Velocity PostgreSQL · Redis Photoshop · Cinema 4D

года в разработке
и дизайне

модулей
в экосистеме DREAMAGE

игровых режимов
на сервере

изображений
в архиве портфолио

История

С компьютером познакомился в 3 года — сегодня, в свои 22, я развиваю собственные полноценные проекты: веду разработку и дизайн, изучаю и инвестирую в новые знания, совершенствую навыки. Глубоко анализирую проблемы и задачи — сначала вижу конечный план, а от него выстраиваю путь решения и добиваюсь цели. Предпочитаю быстрые, эффективные и оптимизированные способы достижения поставленных задач.

Работаю на стыке кода и дизайна: сам проектирую интерфейсы, пишу бэкенд, настраиваю инфраструктуру и довожу до продакшена — от первого экрана установщика до деплоя на VPS. Люблю короткие циклы «собрал — проверил — улучшил» и визуальные вещи: тёмные интерфейсы, пиксель-арт, 3D-сцены. Главный результат — DREAMAGE: экосистема из девяти сервисов, которая живёт в проде и развивается вместе с сообществом.

Самые новаторские конструкции сознательно отрицают самые тривиальные возможности, культивируя вкус к атипичному мышлению

Дао Тайоты в разработке

В работе руководствуюсь принципами «дао Тайоты» — путём Toyota: сначала реальность, потом решение, и всегда — немного лучше, чем вчера.

Генъи гэмбутсу — «сначала пойди и посмотри». Баг или странность восстанавливаю сам на месте, а не по чужому пересказу: так фиксы в DREAMAGE рождались из реальных логов и реальных экранов.
Каидзен — улучшение маленькими шагами. Рефакторинг без революций: каждый коммит делает систему чуть чище, каждый релиз — чуть быстрее.
Решение от корня — «5 почему». Не чиню симптом: нахожу первопричину падения деплоя, глюка авторизации или утечки — и проблема не возвращается.
Быстро и оптимизированно — от конечного плана к кратчайшему пути: без лишних слоёв, с измеримым результатом.

14 принципов Toyota Way

Полный кодекс Toyota Way (2001) — четыре столпа, на которых держится мой подход к разработке: философия, процесс, люди и обучение.

Столп 1 · Философия

Принимать решения, опираясь на долгосрочную философию — даже в ущерб краткосрочным финансовым целям.

Столп 2 · Процесс

Создать непрерывный поток, чтобы проблемы выходили на поверхность.
Использовать pull-системы, чтобы не производить лишнее.
Выравнивать нагрузку — ровный темп вместо пиков (хэйдзюнка).
Культура «остановись и почини» (jidoka): делать правильно с первого раза.
Стандартизированные задачи — основа улучшений и самостоятельности.
Визуальное управление: никаких скрытых проблем.
Только надёжная, тщательно проверенная технология.

Столп 3 · Люди и партнёры

Руководители, которые знают работу, живут философией и учат ей.
Развивать выдающихся людей и команд, следующих философии.
Уважать сеть партнёров: бросать вызов им и помогать им расти.
Сначала пойди и посмотри (генъи гэмбутсу): решения на основе реального понимания.

Столп 4 · Обучение

Решения — медленно и по консенсусу (немаваси), внедрение — быстро.
Учиться через непрерывную рефлексию (хансеи) и непрерывные улучшения (каидзен).

Флагманский проект

DREAMAGE

Полноценная экосистема Minecraft-сервера: не «сайт + плагины», а связанный продукт из девяти сервисов с единой авторизацией, экономикой и визуальным языком — от маркетингового лендинга и магазина до десктоп-панели администрирования. Java 25 · Paper 26.1.2 · Velocity · Docker. Всё — от идеи и дизайна до деплоя.

Суть проекта

Не отдельные приложения, а один продукт вокруг игрока: девять сервисов, одна авторизация, общая БД и один визуальный язык — от лендинга и магазина до установщика и панели администратора.

Что извлёк

Архитектуру мульти-сервисов и консистентность: контракты API, общие типы, деплой одной кнопкой (Docker, nginx, скрипты), мониторинг и правило «иди посмотри на месте» при каждом инциденте в проде.

Начать
играть

7 режимов

Sector 0

Пустошь

BedWars

Война кроватей

Prison

Тюрьма

Главная dreamage.su — режимы переключаются из монохрома в цвет с волной от центра (ripple-delay 90–270 мс).

Экосистема: 9 модулей, один продукт

Каждый модуль — самостоятельное приложение со своим репозиторием, но они связаны общими API, схемой БД и фирменным стилем.

DREAMAGE_SITE

Сайт-витрина и API-хаб: магазин (ranks, кейсы, DreamPass, скины), профили игроков, вики, лидерборды, оплата через YooKassa/Robokassa, SSR и SEO.

Nuxt 3Vue 3PostgreSQLVitest

DREAMAGE_LAUNCHER

Игровой лаунчер: запуск профилей, авторизация через API сайта, auto-updater, проверка целостности файлов, 3D-превью скина и сезонные фоны.

Tauri 2Vue 3skinview3d

DREAMAGE_PANEL

Админ-панель DREAMPAN: вкладки терминалов серверов (xterm), консоль деплоя, мониторинг VPS-контейнеров и лаунчера, smoke-тесты.

Tauri 2Vue 3xterm

DREAMAGE_DSBOT

Discord-бот: привязка аккаунтов (/link), маркет и аукцион, мост поддержки, цензура, синк ролей, логи MC и REST API.

Discord.js 14Node 20PostgreSQL

DREAMAGE_MINECRAFT

21 серверный плагин: ядро и баны, античит-слои, SecureAuth, экономика, SkyBlock с работами и кухней, кейсы, привилегии, мост с Discord.

Java 25Paper 26.1.2Velocity

DREAMAGE_INSTALLER

Мастер установки лаунчера: выбор папки, полная очистка, «запустить после установки» — путь в экосистему за три шага.

Tauri 2Vue 3Tailwind

DREAMAGE_DRPC

Fabric-мод Discord Rich Presence: своя реализация Discord IPC (JNA named pipe), активность игрока и онлайн сервера в статусе.

FabricJava 25JNA

DREAMAGE_MAIL

Почтовый клиент mail.dreamage.su для команды: JWT-вход, письма и папки, Docker-деплой с certbot и nginx.

NodeJWTDocker

DREAMAGE_CREATOR

Десктопный креатор: редактор скинов и анимаций на three.js, маркет и библиотека ассетов — генерация контента для проекта.

Tauri 2three.jsVite

0игровых режимов

0рангов и привилегий

0сервисов экосистемы

0серверных плагинов

Сайт · вкладки dreamage.su

Лаунчер · экраны приложения

Лаунчер DREAMAGE — главный экран — Главный экран

Лаунчер DREAMAGE — модификации — Модификации

Профиль

Лаунчер DREAMAGE — wiki — Wiki в лаунчере

Лаунчер DREAMAGE — сообщества — Сообщества

Лаунчер DREAMAGE — топ игроков — Топ игроков

Лаунчер DREAMAGE — настройки — Настройки

DREAMPAN · панель

DREAMPAN — CI/CD и деплой — CI/CD · деплой

DREAMPAN — состояние сервисов — Состояние сервисов

DREAMPAN — каталог скинов — Скины · каталог

DREAMPAN — редактор скина — Скины · редактор

Визуальная система · роли и привилегии

Нажмите на иконку — откроется карточка: функции, возможности и зоны ответственности.

Администрация сервера

Helper

Curator

C. Curator

Admin

C. Admin

DEV

Игрок и привилегии

Игрок

Whisper

Essence

Nova

Dreamer

Visionary

Ephemeral

Celestial

Elysium

Проект живёт в проде

Сайт, лаунчер и панель собираются без ошибок, сервисы контейнеризированы, деплой — одним скриптом.

dreamage.su Discord

Другие работы

Проекты

Десктоп-приложения, веб-сервисы и визуальные системы — каждый проект веду от концепции до релиза.

Desktop App

Connectis

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

ElectronHTML/CSSUI/UXInstaller

Суть

Настольный клиент, который начинается с установки: мастер установки, онбординг и тёмный интерфейс как единый продукт, а не «окно с кнопкой».

Что извлёк

Установка — это UX: продумал состояния мастера, сборку и дистрибуцию до конца; научился тестировать на чистой машине и доводить релиз до конечного пользователя.

Галерея · 5 экранов

Connectis — главный экран — Главный экран

Desktop App

DreamDay Launcher

Игровой лаунчер: витрина режимов, новости, прогресс запуска, выбор сборки. Эта линия позднее выросла в лаунчер DREAMAGE — с модпаками, античитом и интеграцией с сайтом.

ElectronVueUI-анимации

Суть

Лаунчер как витрина режимов и шлюз запуска: живые статусы, прогресс загрузки и новости в одном окне.

Что извлёк

Связал UI с живыми данными и релизным циклом (auto-update), понял цену производительности WebView-приложений. Эта линия выросла в лаунчер DREAMAGE.

Галерея · 6 экранов

Web

Корпоративный почтовый сервис

Веб-почта для команды: вход, письма, вложения, папки и поиск — в единой тёмной теме. Работает как внутренний инструмент проекта DREAMAGE.

NuxtAPISMTP

Суть

Внутренняя почта команды: JWT-вход, письма, папки — свой инструмент под свой процесс, без чужих SaaS.

Что извлёк

Практика аутентификации и работы с протоколами; dogfooding: пользуешься сам — трение видно сразу и правится в тот же день.

Галерея · 4 экрана

Brand Identity

Silhouette De Lenoire

Собственная визуальная система: логотип, палитра, сетка, носители, презентация бренда. Гайдлайн собран как отдельный продукт — от иконки до веб-версии.

ЛоготипГайдлайнPhotoshop

Суть

Собственная визуальная система от иконки до гайдлайна и веб-версии: бренд, собранный как продукт с правилами.

Что извлёк

Дисциплина системы: палитра, сетка и носители не живут по отдельности — я строил правила, а не разовые картинки.

Галерея · 3 экрана

Silhouette — мобильная версия — Мобильная версия

Logos

Брендинг: XCinema · Shadow Script

Логотипы и марки для медиапроектов: лаконичная геометрия, работа в монохроме и цвете, адаптация под аватары и заставки.

ЛоготипыТипографикаPhotoshop

Суть

Знаки для медиапроектов: должны работать в аватаре, заставке и в монохроме — один символ, много носителей.

Что извлёк

Адаптация под носители и типографика: сильный знак переживает любое сжатие, если правильно построена геометрия.

Галерея · 7 экранов

XCinema

XCinema · вариант

Знак · вариант

Знак · носитель

Знак · деталь

Знак · экран

Применение

Web · E-commerce

LOFTSTUDIO

Многостраничный сайт-каталог премиальной мебели на чистом HTML/CSS/JS: витрина с баннерами, каталог с фильтрами и сравнением, карточка товара, корзина, доставка, гарантия, возврат и юридические страницы — более десятка экранов в одной дизайн-системе, без фреймворков и с гидом по каждой странице.

HTML5CSS3JavaScriptE-commerce

Суть

Полный цикл вёрстки интернет-магазина: от витрины и каталога до корзины, сравнения и юридических страниц.

Что извлёк

Консистентность на десятках страниц, состояния каталога и карточек, типографика мебельных фото и порядок в переиспользуемых блоках без фреймворков.

Галерея · 3 экрана

Desktop · Моды

Outplay

Outplay™ — профессиональная сборка модов для «Мир танков» (Lesta): графика, оптимизация и библиотека из 301 мода (2,3 ГБ) в одном приложении. Мастер из семи шагов проводит от лицензии до готовой сборки: приветствие → лицензия → графика → оптимизация → моды → настройки → установка в папку игры.

DesktopInstallerManifestАвтообновление

Суть

Единый мастер из семи шагов: от лицензии до готовой сборки с пресетами графики, оптимизацией и каталогом модов.

Что извлёк

Как упаковать тяжёлую дистрибуцию (2,3 ГБ, 301 мод) в один поток: пошаговый онбординг, контроль файлов, пресеты под железо и безопасная установка в папку игры.

Галерея · 6 экранов

Outplay — лицензионное соглашение — Лицензия

Outplay — каталог модов — Моды · каталог

Outplay — настройки установки — Настройки установки

Desktop · Утилита

VDP — Video Downloader

Настольный видеозагрузчик: тяжёлые ffmpeg и yt-dlp спрятаны за аккуратным GUI — вставил ссылку, видишь прогресс, ошибку или повтор без единой командной строки. Комплект самодостаточен: бинарии инструментов едут вместе с приложением, установка — один файл.

Desktopffmpegyt-dlp

Суть

Обёртка над мощными CLI-инструментами: сложная команда превращается в понятное окно для обычного пользователя.

Что извлёк

Интеграция нативных бинарей с GUI, упаковка дистрибутива и длинные фоновые задачи: прогресс, ошибки, повтор.

Desktop · Electron

Neocord

Кастомная оболочка Discord на Electron: свой серверный слой, рендерер и система патчинга с лоадером — меняет поведение и вид клиента, оставаясь на обновлениях оригинала. Архитектура разделена на main / preload / renderer, диагностика через CDP-логи, лаунчер собирается в один установщик.

ElectronTypeScriptPatcherLoader

Суть

Своя оболочка над чужим клиентом: загрузчик, патчи рантайма и чистая архитектура main / preload / renderer.

Что извлёк

Работу с чужой кодовой базой и её обновлениями: изоляция своих патчей, аккуратные мержи, диагностика через CDP-логи.

Визуал