Course Video

Description

Scrathing website course video dengan fitur whitelist email, membuat ini dengan waktu dua hari setelah meminta kepada seorang ustadz agar dimasukkan menjadi relawan. Dan Alhamdulilah jadi sebagai MVP.

Bisa di cek disini Ma'had Keuangan dan Sekolah Yayasan .

Approach

Proyek 'Maliah Course Video' memanfaatkan serangkaian teknologi yang berbeda untuk mencapai fungsionalitas maksimal dan pengalaman pengguna yang optimal. Teknologi yang digunakan mencakup Appscript, Svelte, Alpine JS, Vanilla JS, Uno CSS, Astro JS, dan AuthJs.

Pada awalnya, kita menggunakan Appscript, yang memungkinkan otomatisasi dan interaksi dengan layanan Google Sheets, menciptakan integrasi yang mulus dan efisien. Selanjutnya, kerangka kerja Svelte digunakan untuk membangun antarmuka pengguna yang responsif dan interaktif. Ini mengkompilasi kode menjadi JavaScript murni pada waktu kompilasi, memungkinkan aplikasi berjalan lebih cepat dan efisien dibandingkan dengan kerangka kerja yang menggunakan virtual DOM.

Kemudian menggunakan Alpine JS, yang membantu menciptakan interaksi yang kaya di frontend dengan pendekatan minimalis, menghindari beban ekstra pada aplikasi. Vanilla JS digunakan untuk fungsi-fungsi JavaScript mendasar, memberikan dasar yang kuat untuk semua interaktivitas dalam aplikasi. Sementara itu, Uno CSS dan Astro JS digunakan untuk styling dan struktur aplikasi, memberikan tampilan yang halus dan responsif. Akhirnya, AuthJs digunakan untuk fitur autentikasi yang aman, dan kita juga memfokuskan pada Technical SEO untuk meningkatkan visibilitas situs di mesin pencari.

Technology

  • Appscript
  • Svelte
  • Alpine JS
  • Vanilla JS
  • Uno Css
  • Astro JS
  • AuthJs
  • Technical SEO

Sample

Bisa di cek disini Ma'had Keuangan dan Sekolah Yayasan .