madd label

Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π»Π΅Π½Π΄ΠΈΠ½Π³Π° ΠΈ CRM

June 30, 2025
webby app πŸ“±
donezo βœ…
Laravel
Vue.js
Inertia.js
Vite
MySQL
PostgreSQL

MADD Label

БоврСмСнная Π²Π΅Π±-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для управлСния ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌΠΈ, артистами ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΎΠΉ Π² ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ индустрии.

ОписаниС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

MADD Label - это комплСксная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, разработанная для ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… Π»Π΅ΠΉΠ±Π»ΠΎΠ² ΠΈ артистов, которая прСдоставляСт инструмСнты для управлСния ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌΠΈ, Ρ‚Ρ€Π΅ΠΊΠ°ΠΌΠΈ, артистами ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΎΠΉ. ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ дСмонстрируСт соврСмСнный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с использованиСм Laravel ΠΈ Vue.js, создавая Π±Π΅ΡΡˆΠΎΠ²Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ особСнности

  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌΠΈ - ΠΏΠΎΠ»Π½Ρ‹ΠΉ Ρ†ΠΈΠΊΠ» создания ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… альбомов
  • БистСма артистов - ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ артистов с Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ
  • MADD Links - ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ систСма ссылок для распространСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°
  • Аналитика - Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Π°Ρ статистика ΠΏΠΎ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌ ΠΈ Ρ‚Ρ€Π΅ΠΊΠ°ΠΌ
  • Аудио стриминг - ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Range requests для эффСктивной Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ
  • OAuth интСграция - авторизация Ρ‡Π΅Ρ€Π΅Π· ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти
  • Real-time увСдомлСния - ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹Π΅ оповСщСния ΠΎ событиях

Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ

Backend

  • Laravel 12 - соврСмСнный PHP Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ
  • MySQL/PostgreSQL - рСляционная Π±Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ…
  • Laravel Sanctum - API аутСнтификация
  • Laravel Jetstream - Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ
  • Laravel Socialite - OAuth интСграция
  • Laravel Echo + Pusher - real-time Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Frontend

  • Vue.js 3 - прогрСссивный JavaScript Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ
  • Inertia.js - мост ΠΌΠ΅ΠΆΠ΄Ρƒ Laravel ΠΈ Vue
  • Tailwind CSS - utility-first CSS Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ
  • Vite - соврСмСнный сборщик ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ
  • Pinia - state management для Vue
  • Chart.js - ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ инструмСнты

  • SASS - Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ CSS
  • Axios - HTTP ΠΊΠ»ΠΈΠ΅Π½Ρ‚
  • Laravel Pail - CLI инструмСнты
  • Pest - соврСмСнноС тСстированиС

АрхитСктура

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ построСн ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ раздСлСния отвСтствСнности с использованиСм соврСмСнных ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ΠΎΠ²:

Backend Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°

  • MVC ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ - Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΈΠΊΠΈ, прСдставлСния ΠΈ Π΄Π°Π½Π½Ρ‹Ρ…
  • Eloquent ORM - мощная систСма Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ…
  • Resource Controllers - RESTful API для всСх сущностСй
  • Middleware - ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΏΡ€Π°Π² доступа ΠΈ валидация
  • Events & Listeners - асинхронная ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° событий
  • Jobs & Queues - Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΠΈ

Frontend Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°

  • Component-based - ΠΏΠ΅Ρ€Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Vue ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹
  • Composables - Π»ΠΎΠ³ΠΈΠΊΠ°, вынСсСнная Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • Stores (Pinia) - Ρ†Π΅Π½Ρ‚Ρ€Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ состояниСм
  • Layouts - ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ страниц
  • Middleware - клиСнтская валидация ΠΈ навигация

Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ…

  • Нормализованная структура - ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Π°Ρ организация Π΄Π°Π½Π½Ρ‹Ρ…
  • Бвязи ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ - artist β†’ release β†’ track β†’ madd_link
  • JSON поля - Π³ΠΈΠ±ΠΊΠΎΠ΅ Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…
  • ΠœΠΈΠ³Ρ€Π°Ρ†ΠΈΠΈ - вСрсионированиС схСмы Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ артистами

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅ΠΉ артистов
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π°Π²Π°Ρ‚Π°Ρ€ΠΎΠ² ΠΈ Π±ΠΈΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ сСтями
  • БистСма заявок для Π½ΠΎΠ²Ρ‹Ρ… артистов

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌΠΈ

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… альбомов ΠΈ синглов
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΎΠ±Π»ΠΎΠΆΠ΅ΠΊ ΠΈ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ статусами (Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ, Π½Π° ΠΌΠΎΠ΄Π΅Ρ€Π°Ρ†ΠΈΠΈ, ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½)
  • ΠŸΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Ρ‚ Ρ€Π΅Π»ΠΈΠ·Π°

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ‚Ρ€Π΅ΠΊΠ°ΠΌΠΈ

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ‚Ρ€Π΅ΠΊΠΎΠ² ΠΊ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌ
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π°ΡƒΠ΄ΠΈΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ²
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ порядком Ρ‚Ρ€Π΅ΠΊΠΎΠ²
  • ΠœΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ (Π½Π°Π·Π²Π°Π½ΠΈΠ΅, Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, ΠΆΠ°Π½Ρ€)
  • ГСнСрация ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ссылок для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ€Π΅Π»ΠΈΠ·Π°
  • Настройка внСшнСго Π²ΠΈΠ΄Π° ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ
  • Бтатистика ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡΠ»ΡƒΡˆΠΈΠ²Π°Π½ΠΈΠΉ
  • ΠŸΡƒΠ±Π»ΠΈΡ‡Π½Ρ‹Π΅ страницы для распространСния

Аналитика ΠΈ ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹

  • Π”Π΅Ρ‚Π°Π»ΡŒΠ½Π°Ρ статистика ΠΏΠΎ Ρ€Π΅Π»ΠΈΠ·Π°ΠΌ
  • Анализ ΠΏΡ€ΠΎΡΠ»ΡƒΡˆΠΈΠ²Π°Π½ΠΈΠΉ Ρ‚Ρ€Π΅ΠΊΠΎΠ²
  • ΠžΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΏΠΎ артистам
  • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠ°Ρ систСма

  • РСгистрация ΠΈ авторизация
  • OAuth Ρ‡Π΅Ρ€Π΅Π· ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти
  • Π ΠΎΠ»ΠΈ ΠΈ ΠΏΡ€Π°Π²Π° доступа
  • ΠŸΡ€ΠΎΡ„ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹

  • Высокая ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ - оптимизированная Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° ΠΈ ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
  • ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΡŒ - ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ структура для Π»Π΅Π³ΠΊΠΎΠ³ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ
  • Π‘Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ - соврСмСнныС ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ
  • UX/UI - ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΉ интСрфСйс с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
  • Real-time Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ - ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹Π΅ обновлСния ΠΈ увСдомлСния
  • API-first ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ - Π³ΠΎΡ‚ΠΎΠ²Π½ΠΎΡΡ‚ΡŒ ΠΊ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с внСшними систСмами

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

MADD Label прСдставляСт собой ΡΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ, Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ, которая дСмонстрируСт Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ сочСтаСт ΠΌΠΎΡ‰ΡŒ Laravel backend с Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒΡŽ Vue.js frontend, создавая ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ индустрии. АрхитСктура ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° обСспСчиваСт Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒ Π² ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΈ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ enterprise-уровня Π²Π΅Π±-прилоТСния.

© 2025 thejenja | made w/ ❀️ & CSS"handcoded. no lego blocks. sigma grindset only."