streaming-drama-lokareell

byAlwi Kobr

Membangun sebuah apk baru Buat aplikasi web streaming drama mobile-first berbahasa Indonesia bernama “LokaReell”. Jadikan ini aplikasi hiburan untuk menemukan dan menonton serial drama pendek. Gunakan nama LokaReel di logo teks, judul, dan UI. Buat desain modern dan premium yang nyaman di HP: tema gelap elegan, aksen warna coral/ungu hangat, tipografi jelas, kartu poster besar, navigasi bawah, tombol mudah disentuh, loading/empty/error states, aksesibilitas dan responsif desktop. Gunakan materi poster dan judul demo orisinal atau placeholder, jangan menyalin karya berhak cipta. Alur dan fitur: halaman beranda dengan hero drama unggulan, kategori, pencarian, tren dan rekomendasi; katalog dengan filter genre; halaman detail drama dengan sinopsis, daftar episode, durasi, status kunci dan tombol tonton; pemutar video responsif dengan kontrol dasar, subtitle placeholder, lanjutkan menonton dan simpan progres; registrasi/masuk dan profil dengan watchlist, riwayat, pengaturan akun; halaman paket langganan, status keanggotaan dan riwayat transaksi. Sediakan level gratis yang dapat menonton episode pilihan setelah iklan pra-putar, serta paket premium yang membuka episode terkunci dan meniadakan iklan. Jelaskan penawaran, durasi paket, harga yang jelas Siapkan fondasi data yang konsisten di backend terintegrasi AI Builder: User/profile; Drama (judul, slug, sinopsis, poster, genre, status, featured); Episode (drama, urutan, judul, durasi, video URL placeholder, free/locked); SubscriptionPlan (nama, durasi, harga, benefit); Subscription (user, paket, status, mulai, berakhir); Payment/TopUp (order ID unik, user, jumlah rupiah, jumlah unik, status pending/paid/expired/canceled, payload QRIS, waktu kedaluwarsa); WatchProgress; Watchlist; AdImpression/AdCompletion. Terapkan relasi yang masuk akal, validasi input, status transaksi idempoten dan kontrol akses sehingga pengguna hanya membaca/mengubah data miliknya, dengan akses pengelola terpisah untuk katalog. Siapkan integrasi pembayaran PanzzPay sesuai dokumentasi yang diberikan pelanggan: API base https://panzzpay.my.id, Buat dashboard pengelola sederhana untuk mengelola drama, episode, paket, dan melihat status pembayaran tanpa membocorkan data sensitif. Sertakan konten yang cukup untuk memperlihatkan semua halaman dan alur dengan jelas. Bangun sebagai aplikasi web interaktif yang bisa diubah lewat AI Builder, bukan sekadar landing page. Prioritaskan pengalaman demo yang berfungsi dan jelaskan status yang belum aktif secara transparan.

No preview

Comments (0)

No comments yet. Be the first!

Project Tasks

26 planning tasks
Page design: Paused — add credits to continue
#1

Generate system requirement document

1m 13s0.2 cr used
Done
#2

Generate personas & user flows

0m 9s0.2 cr used
Done
#7

Create flow for Penonton Gratis

0m 8sCredits in parent
Done
#8

Create flow for Pelanggan Premium

0m 8sCredits in parent
Done
#9

Create flow for Pengelola Katalog

0m 8sCredits in parent
Done
#10

Landing

3m 27sCredits in subtasks
Paused
#28

Landing / Loka Reel Bottom Nav

1.6 cr needed
Paused
#23

Landing / Featured Hero

1.6 cr needed
Paused
#24

Landing / Trending Rail

1.6 cr needed
Paused
#25

Landing / Genre Chips

1.6 cr needed
Paused
#26

Landing / Recommendation Rail

1.6 cr needed
Paused
#27

Landing / Continue Watching Rail

1.6 cr needed
Paused
#11

Sign Up

Credits in subtasks
Backlog
#12

Login

Credits in subtasks
Backlog
#13

Search

Credits in subtasks
Backlog
#14

Catalog

Credits in subtasks
Backlog
#15

Drama Details

Credits in subtasks
Backlog
#16

Player

Credits in subtasks
Backlog
#17

Profile

Credits in subtasks
Backlog
#18

Plans

Credits in subtasks
Backlog
#19

Checkout

Credits in subtasks
Backlog
#20

Membership

Credits in subtasks
Backlog
#21

Catalog Management

Credits in subtasks
Backlog
#22

Payment Monitoring

Credits in subtasks
Backlog
#5

Architecture

0.2 cr needed
Paused
#6

Workspace task plan

0.2 cr needed
Paused

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: View featured hero
Login: Sign in as subscriber
Plans: Compare subscription plans
Plans: Select preferred plan
Checkout: 1. Create QRIS order
Checkout: Scan and pay via QRIS
Checkout: 2. Create new order after expiry
Membership: View active membership
Membership: Review transaction history
Landing: Open drama poster
Drama Details: Tap locked episode
Player: Play locked episode ad-free
Player: Switch episode via drawer
Profile: View watchlist and history
Plans: Renew or change plan

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: View featured hero
Login: Sign in as subscriber
Plans: Compare subscription plans
Plans: Select preferred plan
Checkout: 1. Create QRIS order
Checkout: Scan and pay via QRIS
Checkout: 2. Create new order after expiry
Membership: View active membership
Membership: Review transaction history
Landing: Open drama poster
Drama Details: Tap locked episode
Player: Play locked episode ad-free
Player: Switch episode via drawer
Profile: View watchlist and history
Plans: Renew or change plan