Коллекция веб-приложений и сайтов, демонстрирующих мои навыки в разработке
Нажмите для просмотра
Featured
1 / 7
Cyber Syndicate Landing
Cyber Syndicate — это современный лендинг для киберспортивного клуба премиум-класса. Цель проекта — создать атмосферу вовлечённости, передать эстетику high-end игровых зон и сделать процесс бронирования простым и удобным.
🎮 О проекте
Сайт разработан как динамичный промо-лендинг, который знакомит пользователя с игровыми зонами клуба: PC Gaming, BootCamp, PlayStation 5. Каждая зона имеет собственные тарифы, характеристики оборудования и возможность быстрой записи.
Главный акцент — на визуальном вау-эффекте: тёмная цветовая палитра, неоновые акценты, атмосферные фоновые изображения и плавные анимации создают ощущение погружения в мир киберспорта.
🚀 Моя роль
Полный цикл разработки:
Проектирование структуры лендинга
Верстка (адаптивная, с акцентом на UI/UX)
Настройка интерактивных элементов (аккордеоны, кнопки, переключатели)
Анимации и визуальные эффекты
Оптимизация под скорость, удобство и мобильные устройства
Интеграция системы бронирования (если была) / подготовка UI для неё
🧩 Основной функционал
Адаптивный лендинг, корректно работающий на всех устройствах
Детальное представление игровых зон и тарифов
Удобная система переключения между дневными/ночными ценами
Раскрывающиеся блоки характеристик оборудования
Единый стильный UI с акцентом на бренд клуба
Быстрая кнопка бронирования по всей странице
🖥️ Особенности дизайна
Атмосферные фоновые изображения, связанные с реальным интерьером клуба
Красно-чёрная неоновая эстетика
Контрастные CTA-кнопки
Аккуратные карточки тарифов
Чёткая типографика, ориентированная на читаемость в тёмной теме
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
Vite
GSAP
CSS3
Composition API
Pinia
WebSocket/API
Node.js
PostgreSQL
Нажмите для просмотра
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
TypeScript
Node.js
MongoDB
Material-UI
Vite
Axios
Нажмите для просмотра
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
Vite
GSAP
CSS3
Telegram боты
Telegram боты с различным функционалом и интеграциями
Нажмите для просмотра
Featured
1 / 7
TelegramBot | Тайный Санта Бот v666
Ультра-крутой и максимально прикольный бот для организации игры "Тайный Санта" в Telegram-чатах. Бот автоматически проводит жеребьёвку, следит за дедлайнами и развлекает участников мемными сообщениями и пасхалками.
✨ Фичи 🎯 Полная автоматизация — от создания игры до жеребьёвки 💰 Система бюджета — администратор устанавливает бюджет при создании игры 📝 Вишлисты — каждый участник указывает, что хочет получить (с поддержкой фото!) 🎁 Умная жеребьёвка — алгоритм Derangement (никто не тянет себя) 🎄 Новогодняя атмосфера — мемы, шутки и дерзкий стиль общения 🔥 Пасхалки — роасты, напоминания и прикольные сообщения 💾 SQLite база данных — надёжное хранение данных 🛡️ Защита от дурака — проверки прав, дедлайнов, вишлистов и минимального количества участников 📱 Поддержка групп и ЛС — работает везде 🖼️ Поддержка фото — можно прикрепить фото к вишлисту 🔘 Красивые кнопки — удобный интерфейс с inline-кнопками