Langsung ke konten
Kembali ke Portofolio

Modernisasi Platform

Car Audio Network: Takeover Platform

Takeover dan modernisasi Car Audio Network (CAN), platform kompetisi car audio milik Audio Workshop yang live untuk event, penjurian, dan leaderboard di berbagai negara Asia.

caraudio.network
Car Audio Network: Takeover Platform

Tantangan

CAN berjalan sejak 2019 di Angular 7 dan Laravel 5.8 buatan vendor sebelumnya, dengan secret yang ter-commit di repository dan aturan penjurian penting yang hanya dijaga di browser. Audio Workshop butuh platform yang aman dan mudah dirawat tanpa kehilangan data kompetisi bertahun-tahun atau mengganggu musim yang sedang berjalan.

Solusi Kami

Kami mengaudit seluruh 298 endpoint API, lalu meng-upgrade frontend ke Angular 21 dan backend ke Laravel 13 di PHP 8.4, menghapus secret yang terekspos, dan memindahkan pengecekan visibilitas serta finalisasi skor ke server. Platform kini berjalan di Docker di belakang nginx dengan homepage publik yang di-pre-render, dan kami memindahkan produksi dari server lama dengan database dan media tetap utuh.

Fitur Utama

Audit takeover

Review terstruktur atas 298 endpoint, codebase frontend, dan risiko keamanan menentukan urutan kerja sebelum ada perubahan.

Upgrade framework

Utang teknis bertahun-tahun dibereskan: Angular 7 ke 21 di frontend, Laravel 5.8 ke 13 di PHP 8.4 di backend.

Penguatan keamanan

Secret yang ter-commit dihapus dari repository, tooling debug dimatikan, dan pengecekan akses dipindah ke server.

Penjurian yang adil

Penjurian blind serta aturan di sisi server tentang siapa yang boleh melihat dan memfinalisasi skor kelas menjaga hasil kompetisi tetap terpercaya.

Cutover tanpa kehilangan data

Data produksi dan file upload dipindah dari server lama, sehingga event, mobil, dan leaderboard sebelumnya tetap utuh.

Homepage publik yang cepat

Homepage yang di-pre-render dan disajikan nginx menampilkan berita, event, dan pemenang dengan cepat.

Hasil yang Dicapai

Live di caraudio.network setelah cutover produksi pada September 2026

Frontend di-upgrade dari Angular 7 ke 21, backend dari Laravel 5.8 ke 13

1.715 gambar kompetisi lama tetap berfungsi setelah migrasi

Penjurian blind dan aturan skor di sisi server kini melindungi hasil

Seluruh 298 endpoint API diaudit sebelum perubahan pertama dirilis

Audit Workflow Gratis

Temukan bottleneck-nya. Lalu perbaiki yang itu dulu.

Dalam 30 menit kami petakan bottleneck workflow termahal Anda dan beri estimasi build bertahap yang tetap milik Anda, dengan siapa pun Anda membangun.