Sebuah proyek website sederhana dan modern yang dirancang untuk memfasilitasi pengumpulan donasi dan amal masjid secara online. Proyek ini tidak menggunakan sistem backend yang rumit, menjadikannya ideal untuk masjid atau organisasi kecil yang membutuhkan platform donasi yang efisien dan langsung berfungsi.
- Desain Modern & Responsif: Tampilan yang bersih dan elegan, dengan dukungan penuh untuk mode gelap dan mode terang.
- Animasi Interaktif: Menggunakan Framer Motion untuk transisi halaman yang mulus dan efek akordion dinamis pada kartu donasi.
- Sistem Donasi Sederhana: Pengguna dapat memilih metode donasi (transfer bank atau e-wallet), menyalin nomor rekening dengan mudah, dan mengonfirmasi donasi melalui formulir online.
- Laporan Donasi Transparan: Halaman khusus untuk menampilkan total donasi yang terkumpul, yang dapat diperbarui secara manual untuk menjaga transparansi.
- Fungsionalitas Salin Otomatis: Memudahkan pengguna untuk menyalin nomor rekening/telepon hanya dengan satu klik.
- React JS: Library JavaScript untuk membangun antarmuka pengguna.
- Vite: Alat bundler yang sangat cepat untuk lingkungan pengembangan.
- Tailwind CSS: Kerangka kerja CSS untuk styling yang cepat dan fleksibel.
- Framer Motion: Library animasi untuk membuat pergerakan dan transisi yang mulus dan menarik.
- React Icons: Kumpulan ikon yang mudah digunakan.
- SweetAlert2: Library untuk notifikasi pop-up yang interaktif dan modern.
- React Router: Untuk manajemen navigasi di dalam aplikasi.
-
Kloning Repositori:
git clone [https://github.com/BekaGensss/website-masjid.git](https://github.com/BekaGensss/website-masjid.git) cd website-masjid -
Instal Dependensi:
npm install
-
Jalankan Server Pengembangan:
npm run dev
Situs web akan berjalan di http://localhost:5173.
Proyek ini berada di bawah lisensi MIT License.