Semua proyek

PROYEK 2024

MHSnapFrame

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • PHP
  • Fabric.js
  • Hammer.js
  • Google Fonts (Poppins)
  • FontAwesome
MHSnapFrame

MHSnapFrame adalah platform web interaktif berbasis client-side yang dirancang untuk memudahkan pengguna dalam membuat, menyesuaikan, dan mengunduh Twibbon berkualitas tinggi untuk berbagai acara, perayaan, maupun kampanye media sosial.

Fitur Utama Platform:

  • Halaman Beranda & Perpustakaan Template (home.php): Menyediakan direktori pilihan templat twibbon interaktif, tombol akses langsung ke editor, serta tautan formulir pengajuan templat ksternal (Form MHSnapFrame).
  • Editor Twibbon Interaktif (demo-editor-mhsnapframe.html, rbmfest2025.html): Dilengkapi dengan area canvas berbasis Fabric.js dan Hammer.js untuk mengunggah foto, mengatur posisi, melakukan zoom, mereset kanvas, hingga mengunduh hasil akhir secara instan.
  • Generator & Salin Templat Caption Instagram: Menyediakan kotak teks otomatis yang berisi draf templat caption media sosial yang dapat disalin dengan sekali klik.
  • Panduan Pengguna & Video Tutorial (cara-penggunaan.html): Dilengkapi instruksi langkah demi langkah serta integrasi pemutar video tutorial dari YouTube.
  • Halaman Informasi & Legalitas Lengkap: Memuat halaman Tentang Kami (sejarah pengembangan oleh Ach. Miftakhul Huda dari SMAS Avisena Jabon), FAQ interaktif, Kebijakan Privasi, Ketentuan Layanan, serta halaman Kontak resmi.
Kunjungi proyek