Ayatku adalah platform digital islami komprehensif yang tidak hanya menyediakan Al-Quran dengan terjemahan dan tafsir, tetapi juga berbagai fitur islami lainnya seperti Hadith, Asmaul Husna, Kalender Hijriah, dan banyak lagi. Dibangun menggunakan teknologi modern, Ayatku memberikan pengalaman spiritual yang lengkap, nyaman, dan mudah diakses kapan saja.
- Tampilan ayat yang bersih dan nyaman
- Terjemahan dan tafsir lengkap Bahasa Indonesia
- Pencarian cepat dan akurat
- Navigasi mudah antar surah dan ayat
- Koleksi hadith shahih dari berbagai sumber terpercaya
- Bukhari, Muslim, dan kitab hadith lainnya
- Dilengkapi dengan penjelasan lengkap
- Pencarian berdasarkan tema atau kata kunci
- 99 nama Allah lengkap dengan arti
- Penjelasan dan keutamaan dari setiap nama
- Audio pengucapan yang benar
- Fitur favorit untuk menghafalkan
- Kalender Hijriah lengkap dengan tanggal-tanggal penting
- Konversi otomatis ke kalender Masehi
- Pengingat hari-hari besar Islam
- Tampilan visual yang intuitif
- Penentuan arah kiblat menggunakan teknologi GPS
- Kompas digital terintegrasi
- Panduan visual untuk arah yang tepat
- Bekerja offline untuk kemudahan penggunaan
- Konten edukatif tentang berbagai topik keagamaan
- Diperbarui secara berkala
- Fitur diskusi dengan komunitas
- Kategori berdasarkan topik
- Doa-doa sehari-hari untuk berbagai situasi
- Lafaz Arab, transliterasi, dan terjemahan
- Tuntunan cara berdoa yang benar
- Fitur favorit untuk doa yang sering digunakan
- Jadwal sholat akurat berdasarkan lokasi
- Pengingat otomatis untuk waktu sholat
- Jadwal imsak selama Ramadhan
- Penyesuaian otomatis untuk zona waktu
src/
├── components/ // Komponen global seperti Navbar, Footer
├── pages/ // Halaman utama, Quran, Hadith, Asmaul Husna, dll
├── assets/ // Gambar dan ikon
├── data/ // data data yang dipakai contoh JuzData
├── App.jsx // Routing utama
├── main.jsx // Entry point aplikasi
└── index.css // Konfigurasi styling (Tailwind CSS)
| Teknologi | Fungsi |
|---|---|
| React | Library utama untuk UI |
| React Router | Navigasi antar halaman |
| Framer Motion | Animasi dan efek visual |
| Tailwind CSS | Styling cepat dan konsisten |
| React Icons | Ikon-ikon untuk UI |
| Vite | Build tool modern dan cepat |
| Geolocation API | Untuk fitur kiblat dan jadwal sholat |
| LocalStorage | Penyimpanan preferensi pengguna |
1️⃣ Clone repositori:
git clone https://github.com/WahyuAndikaRahadi/ayatku.git2️⃣ Masuk ke folder:
cd ayatku3️⃣ Install dependency:
npm install4️⃣ Jalankan aplikasi:
npm run dev5️⃣ Buka di browser:
http://localhost:5173
Kami sangat terbuka untuk kontribusi dari siapapun. Berikut cara untuk berkontribusi:
- Fork repositori
- Buat branch fitur baru (
git checkout -b feature/fitur-baru) - Commit perubahan Anda (
git commit -m 'Menambahkan fitur baru') - Push ke branch tersebut (
git push origin feature/fitur-baru) - Buat Pull Request
- Aplikasi mobile (Android & iOS)
- Mode dark/light
- Fitur bookmark dan catatan personal
- Fitur komunitas
- Integrasi dengan smart speaker untuk tilawah
- Fitur dzikir dan wirid
Proyek ini menggunakan lisensi MIT License.
Dibuat dengan ❤️ oleh Wahyu Andika Rahadi.
🚀 Ayatku - Platform Islami Lengkap untuk Kebutuhan Spiritual Anda