Tentang StreamFlow

StreamFlow adalah sebuah aplikasi web yang dirancang sebagai pusat kendali (dashboard) untuk mengelola koleksi video yang akan digunakan untuk keperluan streaming.

Arsitektur dan Fungsionalitas

Aplikasi ini dibangun dengan arsitektur Frontend-Backend yang terpisah, yang memungkinkannya menjadi kuat dan skalabel.

1. Frontend (Antarmuka Pengguna)

Bagian yang Anda lihat dan berinteraksi langsung di browser. Dibuat menggunakan HTML, Tailwind CSS untuk styling modern, dan JavaScript murni untuk menangani interaksi pengguna dan komunikasi dengan backend.

2. Backend (Mesin di Server)

Logika yang berjalan di server, yang tidak terlihat oleh pengguna tetapi melakukan semua pekerjaan berat. Dibangun menggunakan Node.js dengan framework Express.js.

Alur Kerja Pengguna

  1. Pengguna membuka aplikasi di browser.
  2. Halaman web langsung meminta daftar video yang ada ke server.
  3. Pengguna mengklik "Unggah Video", memilih file, dan frontend mengirim file tersebut ke backend.
  4. Backend menyimpan video, membuat thumbnail, lalu mengirimkan respons "sukses".
  5. Frontend menerima respons "sukses" dan menyegarkan tampilan galeri.
Struktur Website