LobbyQ adalah sistem manajemen antrean mabar (main bareng) interaktif yang dirancang khusus untuk para streamer game online. Dengan antarmuka bernuansa retro-tech / neo-brutalist, aplikasi ini mempermudah streamer mengelola viewer yang ingin ikut bermain secara adil, rapi, dan transparan (bisa diintegrasikan sebagai overlay di OBS).
- Queue Management: Kelola antrean viewer ke dalam tiga kategori:
- Waiting List: Pemain yang menunggu giliran bermain.
- Playing: Pemain yang saat ini sedang aktif bermain bersama streamer.
- Parked List: Pemain yang ditangguhkan (pause) karena tidak merespons atau sedang AFK.
- Fast Track: Berikan prioritas antrean untuk viewer khusus (misal: subscriber, pendonasi) agar diprioritaskan di posisi atas.
- Interactive Dashboard: Streamer dapat menambah antrean secara manual, atau mengedit data (Nama, ID Game, Sisa Kuota) secara cepat hanya dengan fitur Double Click Edit.
- Bulk Match Complete: Selesaikan sesi banyak pemain secara sekaligus dengan sekali klik.
- Interactive Tour Guide: Menggunakan
driver.jsuntuk memberikan walkthrough fitur bagi streamer yang baru pertama kali menggunakan dashboard.
Proyek ini dibangun menggunakan:
- Nuxt 4 / Vue 3
- Pinia untuk State Management
- Tailwind CSS dengan modifikasi khusus (Neo-Brutalist design)
- Driver.js untuk Product Tour
Pastikan Anda sudah menginstal Bun di komputer Anda.
-
Clone repository ini
git clone https://github.com/your-username/lobby-q.git cd lobby-q -
Install dependensi Aplikasi ini menggunakan
bunsebagai package manager utama.bun install
-
Menjalankan Development Server Jalankan server pada
http://localhost:3000:bun run dev
-
Build untuk Production Untuk men-deploy aplikasi:
bun run build
Tampilan antrean dapat disematkan ke dalam OBS Studio menggunakan fitur Browser Source. Anda dapat mengambil URL khusus publik untuk menampilkan daftar antrean secara real-time dengan latar transparan tanpa mengganggu siaran game utama Anda.
Dibuat oleh SYNCHRONIZETEAMS