Seb0g1DevDev

Full Stack Developer

Создаю современные веб-приложения с использованием передовых технологий

ReactNext.jsTypeScriptJavaScriptNode.jsPythonFigma
Telegram
VK
YouTube

Веб-сайты

Коллекция веб-приложений и сайтов, демонстрирующих мои навыки в разработке

Cyber Syndicate Landing
Нажмите для просмотра
Featured
1 / 7

Cyber Syndicate Landing

Cyber Syndicate — это современный лендинг для киберспортивного клуба премиум-класса. Цель проекта — создать атмосферу вовлечённости, передать эстетику high-end игровых зон и сделать процесс бронирования простым и удобным.

🎮 О проекте

Сайт разработан как динамичный промо-лендинг, который знакомит пользователя с игровыми зонами клуба: PC Gaming, BootCamp, PlayStation 5. Каждая зона имеет собственные тарифы, характеристики оборудования и возможность быстрой записи.

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

🚀 Моя роль

Полный цикл разработки:

Проектирование структуры лендинга

Верстка (адаптивная, с акцентом на UI/UX)

Настройка интерактивных элементов (аккордеоны, кнопки, переключатели)

Анимации и визуальные эффекты

Оптимизация под скорость, удобство и мобильные устройства

Интеграция системы бронирования (если была) / подготовка UI для неё

🧩 Основной функционал

Адаптивный лендинг, корректно работающий на всех устройствах

Детальное представление игровых зон и тарифов

Удобная система переключения между дневными/ночными ценами

Раскрывающиеся блоки характеристик оборудования

Единый стильный UI с акцентом на бренд клуба

Быстрая кнопка бронирования по всей странице

🖥️ Особенности дизайна

Атмосферные фоновые изображения, связанные с реальным интерьером клуба

Красно-чёрная неоновая эстетика

Контрастные CTA-кнопки

Аккуратные карточки тарифов

Чёткая типографика, ориентированная на читаемость в тёмной теме
React
React
JavaScript
JavaScript
HTML
HTML
Демо
PAYDAY SYNDICATE: CRM-система
Нажмите для просмотра
Featured
1 / 10

PAYDAY SYNDICATE: CRM-система

🚀 Архитектура и технологии

Vue 3 с Composition API - Современная реактивная архитектура

TypeScript - Типизированный код для надежности

Vite - Высокоскоростная сборка и разработка

Pinia - Централизованное управление состоянием

GSAP - Продвинутая анимация интерфейсов

WebSocket/API - Real-time обновление данных

Node.js + PostgreSQL - Серверная часть и база данных

🎯 Ключевые модули системы

👥 Управление персоналом

Ролевая модель доступа (Сотрудник → Администратор → Владелец)

Иерархическое управление правами доступа

Профили сотрудников с полной историей деятельности

📊 Операционный менеджмент

Динамический планировщик смен с drag-and-drop интерфейсом

Система финансовых корректировок в реальном времени

Автоматизированное распределение задач и смен

📦 Складской учет

Иерархическая система категоризации товаров

Массовый импорт данных через Excel-интерфейс

Командная инвентаризация с мгновенной синхронизацией

Контроль остатков и движение товаров

💰 Финансовый модуль

Автоматизированный расчет заработной платы

Управление внутренними займами и авансами

Интеграция с кассовыми операциями

Генерация расчетных листов в PDF/A формате

Многоуровневая система утверждения выплат

📈 Аналитика и отчетность

Real-time дашборды с ключевыми метриками

Кастомные отчеты с визуализацией данных

Экспорт отчетов в различные форматы

Прогнозная аналитика на основе исторических данных

🔄 Интеграции и коммуникация

Telegram API - Полная интеграция мессенджера

Система уведомлений с маркдаун-разметкой

Умные алерты и напоминания

История всех операций с детализацией

Мультиплатформенный доступ к данным

🎨 Интерфейс и UX

Современный дизайн с glassmorphism эффектами

Адаптивная верстка для всех устройств

Плавные анимации переходов и состояний

Горячие клавиши для быстрой навигации

Кастомные темы оформления

Интерактивные элементы управления

🔒 Безопасность и надежность

Двухфакторная аутентификация

Подробное логирование всех действий

Резервное копирование и восстановление данных

SSL-шифрование всех транзакций

Ролевое разграничение доступа к функциям

📱 Мобильный доступ

Progressive Web App (PWA) для мобильных устройств

Оффлайн-режим с последующей синхронизацией

Push-уведомления на мобильные устройства

Адаптированный интерфейс для тач-устройств

🛠 Технические особенности

Модульная архитектура для легкого масштабирования

RESTful API для сторонней интеграции

Кэширование данных для повышения производительности

Поддержка мультиязычности (i18n)

Система плагинов и расширений

🎯 Бизнес-ценность
PAYDAY SYNDICATE оптимизирует операционные процессы, сокращает административные издержки на 40% и обеспечивает полную прозрачность финансовых потоков. Система автоматизирует 85% рутинных операций, позволяя менеджменту сосредоточиться на стратегическом развитии бизнеса.
Vue 3
Vue 3
Vite
Vite
GSAP
GSAP
CSS3
CSS3
Composition API
Composition API
Pinia
Pinia
WebSocket/API
WebSocket/API
Node.js
Node.js
PostgreSQL
PostgreSQL
Warehouse - Система управления складом и накладными
Нажмите для просмотра
Featured
1 / 10

Warehouse - Система управления складом и накладными

Веб-приложение для управления складом, накладными, поставщиками и синхронизации товаров с OZON и Яндекс Маркет.

🚀 Возможности
📋 Управление накладными - создание, просмотр, оплата накладных с фото
📦 Управление складом - учет товаров, остатков, артикулов
👥 Управление поставщиками - балансы, история платежей
🔄 Синхронизация с OZON - автоматическая синхронизация товаров, цен, остатков
🛒 Синхронизация с Яндекс Маркет - интеграция с Market Yandex Go
📊 Статистика - отчеты по накладным, сборщикам, продажам
📝 Листы сборки - создание и управление листами сборки с импортом из Excel
🔍 OCR распознавание - автоматическое распознавание сумм с фото накладных
📱 Адаптивный дизайн - работает на мобильных устройствах
🛠️ Технологии
Backend
Node.js + Express
TypeScript
MongoDB + Mongoose
JWT аутентификация
PM2 для управления процессами
Sharp для оптимизации изображений
Tesseract.js для OCR
Frontend
React + TypeScript
Material-UI (MUI)
React Query для кэширования
React Hook Form + Yup для валидации
Vite для сборки
Axios для API запросов
React
React
TypeScript
TypeScript
Node.js
Node.js
MongoDB
MongoDB
Material-UI
Material-UI
Vite
Vite
Axios
Axios
Full-Filment Sakko
Нажмите для просмотра
1 / 8

Full-Filment Sakko

Современный одностраничный сайт для компании фулфилмента, построенный на Vue 3 с использованием Vite. Включает красивые анимации, интерактивные элементы и современный дизайн.

🚀 Особенности
⚡ Vue 3 с Composition API
🎨 Современный дизайн с glassmorphism эффектами
✨ Плавные анимации и переходы
📱 Полностью адаптивный дизайн
🎯 Интерактивный калькулятор стоимости
🌊 Фоновые частицы для визуального эффекта
📊 Анимированные счетчики
🎭 GSAP для продвинутых анимаций
💬 Чат с менеджером с интеграцией Telegram
🛠️ Технологии
Vue 3 - Прогрессивный JavaScript фреймворк
Vite - Быстрый сборщик и dev-сервер
GSAP - Профессиональная библиотека анимаций
CSS3 - Современные CSS эффекты (градиенты, backdrop-filter, и т.д.)
Vue 3
Vue 3
Vite
Vite
GSAP
GSAP
CSS3
CSS3

Telegram боты

Telegram боты с различным функционалом и интеграциями

TelegramBot | Тайный Санта Бот v666
Нажмите для просмотра
Featured
1 / 7

TelegramBot | Тайный Санта Бот v666

Ультра-крутой и максимально прикольный бот для организации игры "Тайный Санта" в Telegram-чатах. Бот автоматически проводит жеребьёвку, следит за дедлайнами и развлекает участников мемными сообщениями и пасхалками.

✨ Фичи
🎯 Полная автоматизация — от создания игры до жеребьёвки
💰 Система бюджета — администратор устанавливает бюджет при создании игры
📝 Вишлисты — каждый участник указывает, что хочет получить (с поддержкой фото!)
🎁 Умная жеребьёвка — алгоритм Derangement (никто не тянет себя)
🎄 Новогодняя атмосфера — мемы, шутки и дерзкий стиль общения
🔥 Пасхалки — роасты, напоминания и прикольные сообщения
💾 SQLite база данных — надёжное хранение данных
🛡️ Защита от дурака — проверки прав, дедлайнов, вишлистов и минимального количества участников
📱 Поддержка групп и ЛС — работает везде
🖼️ Поддержка фото — можно прикрепить фото к вишлисту
🔘 Красивые кнопки — удобный интерфейс с inline-кнопками
Python
Python
aiogram
aiogram
Telegram
Telegram
Демо

Дизайны

Дизайн-проекты, UI/UX решения и визуальные концепции

Syndicate | Дизайн Карточек для товаров Яндекс Карт.
Нажмите для просмотра
Featured
1 / 2

Syndicate | Дизайн Карточек для товаров Яндекс Карт.

Красивые карточки для яндекс карт!
Figma
Figma
Photoshop
Photoshop
Яндекс.Карты
Яндекс.Карты
Демо
Syndicate | Дизайн CyberSyndicate
Нажмите для просмотра
Featured
1 / 7

Syndicate | Дизайн CyberSyndicate

Syndicate | Дизайн Cyber Syndicate
Figma
Figma
Photoshop
Photoshop
Яндекс.Карты
Яндекс.Карты
Syndicate | Листовки
Нажмите для просмотра
Featured
1 / 5

Syndicate | Листовки

Дизайн Листовок для Cyber Syndicate!
Figma
Figma
Photoshop
Photoshop
Яндекс.Карты
Яндекс.Карты
Desert Project | Оформление группы
Нажмите для просмотра
Featured
1 / 5

Desert Project | Оформление группы

Красивое оформления для группы вк!
Figma
Figma
Photoshop
Photoshop
Демо
Seb0g Mods | Моды для игр
Нажмите для просмотра

Seb0g Mods | Моды для игр

Простенький дизайн для группы вк :D
Figma
Figma
Photoshop
Photoshop
Cyber Syndicate | Оформление группы Вк!
Нажмите для просмотра
1 / 5

Cyber Syndicate | Оформление группы Вк!

Оформил группу вк CyberSyndicate
Figma
Figma
Photoshop
Photoshop
Демо