Sistem Undangan Digital Inovatif (Frontend Only)

Solusi modern dan efisien untuk mendistribusikan undangan acara secara digital, mengurangi limbah kertas, dan menyederhanakan pengalaman RSVP dari sisi klien. Dirancang untuk fleksibilitas dan kemudahan penggunaan, proyek ini berfokus pada pengalaman pengguna yang intuitif. Ini adalah proyek mata kuliah Pemrograman Web semester 1 di bawah bimbingan Bapak Dr. Sirojul Munir, S.Si., M.Kom. dengan implementasi sepenuhnya di sisi frontend.

---

Fitur Unggulan

• Desain Responsif: Tampilan adaptif yang indah dan fungsional di berbagai perangkat (desktop, tablet, mobile).
• Personalisasi Undangan: Antarmuka untuk menyesuaikan detail undangan (nama tamu, tanggal, lokasi, dll.) secara dinamis di sisi klien.
• Manajemen RSVP (Simulasi/Klien-Sisi): Formulir konfirmasi kehadiran di sisi klien, memberikan umpan balik langsung kepada pengguna (catatan: data RSVP tidak disimpan di server).
• Animasi & Transisi Halus: Meningkatkan pengalaman pengguna dengan interaksi visual yang menarik.

---

Teknologi Tumpuan

Proyek ini dibangun sepenuhnya di sisi frontend, menggunakan teknologi web modern untuk pengalaman pengguna yang optimal:

• HTML5 & CSS3 : Untuk struktur dan konten halaman web serta styling, tata letak, dan desain visual.
• JavaScript (ES6+): Untuk interaktivitas, logika di sisi klien, dan manipulasi DOM.

---

Memulai Proyek (Quick Start)

Untuk melihat dan menjalankan proyek ini secara lokal, ikuti langkah-langkah sederhana di bawah ini. Tidak ada kebutuhan server backend atau database.

1. Kloning Repositori:

   git clone https://github.com/Kavleri/Develop_surat_undangan_digital.git
   cd Develop_surat_undangan_digital

   Ini adalah proyek HTML/CSS/JavaScript murni tanpa package manager: (Tidak ada langkah instalasi spesifik, cukup lewati ke langkah 3)

2. Jalankan Aplikasi:

   • Untuk Proyek dengan Build Tool (misal: React, Vue, Next.js):

     npm start  # atau `npm run dev` atau `yarn start`

     Aplikasi akan berjalan di http://localhost:[LIHAT_PORT_ANDA].
   • Untuk Proyek HTML/CSS/JavaScript Murni: Cukup buka file index.html langsung di browser Anda.

     open index.html # di macOS
     start index.html # di Windows
     xdg-open index.html # di Linux

---

Panduan Penggunaan

1. Navigasi: Jelajahi berbagai halaman undangan untuk melihat contoh desain.
2. Kustomisasi Lokal: Anda dapat memodifikasi file-file HTML/CSS/JS secara langsung untuk melihat perubahan tampilan atau informasi undangan.
3. Simulasi RSVP: Coba isi formulir RSVP untuk melihat validasi input dan pesan konfirmasi di sisi klien.

---

Kolaborasi & Penggunaan Kode

Proyek ini adalah bagian dari tugas akademik, dan hak cipta penuh atas source code sepenuhnya dimiliki oleh pemilik repositori.

Kolaborasi: Saya sangat terbuka untuk diskusi, saran, atau potensi kolaborasi dalam pengembangan proyek ini. Jika Anda tertarik untuk berkontribusi atau memiliki ide, silakan hubungi saya untuk membahas lebih lanjut.

Penggunaan Kode: Penggunaan, modifikasi, atau distribusi source code ini untuk tujuan apapun di luar pemahaman dan studi pribadi memerlukan izin eksplisit dari pemilik repositori. Mohon hubungi saya untuk permintaan penggunaan kode.

---

Lisensi

Proyek ini dilindungi oleh hak cipta penuh. Segala hak cipta dilindungi undang-undang (All Rights Reserved). Lihat file LICENSE untuk detail selengkapnya.

---

Kontak

Kavleri - info@Kavleri.com

WhatsApp (untuk pesan cepat):Kirim Pesan WhatsApp

Link Proyek: Klik disini