Thanks to visit codestin.com
Credit goes to github.com

Skip to content

hendisantika/Ayatku

Repository files navigation

📖 Ayatku - Platform Islami Lengkap untuk Kebutuhan Spiritual Anda

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.


✨ Fitur Unggulan

🕋 Al-Quran

  • Tampilan ayat yang bersih dan nyaman
  • Terjemahan dan tafsir lengkap Bahasa Indonesia
  • Pencarian cepat dan akurat
  • Navigasi mudah antar surah dan ayat

📜 Hadith-Hadith

  • Koleksi hadith shahih dari berbagai sumber terpercaya
  • Bukhari, Muslim, dan kitab hadith lainnya
  • Dilengkapi dengan penjelasan lengkap
  • Pencarian berdasarkan tema atau kata kunci

⭐ Asmaul Husna

  • 99 nama Allah lengkap dengan arti
  • Penjelasan dan keutamaan dari setiap nama
  • Audio pengucapan yang benar
  • Fitur favorit untuk menghafalkan

📅 Kalender Hijriah

  • Kalender Hijriah lengkap dengan tanggal-tanggal penting
  • Konversi otomatis ke kalender Masehi
  • Pengingat hari-hari besar Islam
  • Tampilan visual yang intuitif

🧭 Pendeteksi Kiblat

  • Penentuan arah kiblat menggunakan teknologi GPS
  • Kompas digital terintegrasi
  • Panduan visual untuk arah yang tepat
  • Bekerja offline untuk kemudahan penggunaan

📚 Artikel Islami

  • Konten edukatif tentang berbagai topik keagamaan
  • Diperbarui secara berkala
  • Fitur diskusi dengan komunitas
  • Kategori berdasarkan topik

🤲 Kumpulan Doa

  • 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 & Imsak

  • Jadwal sholat akurat berdasarkan lokasi
  • Pengingat otomatis untuk waktu sholat
  • Jadwal imsak selama Ramadhan
  • Penyesuaian otomatis untuk zona waktu

📂 Struktur Proyek

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 yang Digunakan

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

⚡ Cara Menjalankan Proyek

1️⃣ Clone repositori:

git clone https://github.com/WahyuAndikaRahadi/ayatku.git

2️⃣ Masuk ke folder:

cd ayatku

3️⃣ Install dependency:

npm install

4️⃣ Jalankan aplikasi:

npm run dev

5️⃣ Buka di browser:

http://localhost:5173

🤝 Kontribusi

Kami sangat terbuka untuk kontribusi dari siapapun. Berikut cara untuk berkontribusi:

  1. Fork repositori
  2. Buat branch fitur baru (git checkout -b feature/fitur-baru)
  3. Commit perubahan Anda (git commit -m 'Menambahkan fitur baru')
  4. Push ke branch tersebut (git push origin feature/fitur-baru)
  5. Buat Pull Request

📱 Rencana Pengembangan

  • Aplikasi mobile (Android & iOS)
  • Mode dark/light
  • Fitur bookmark dan catatan personal
  • Fitur komunitas
  • Integrasi dengan smart speaker untuk tilawah
  • Fitur dzikir dan wirid

📜 Lisensi

Proyek ini menggunakan lisensi MIT License.

Dibuat dengan ❤️ oleh Wahyu Andika Rahadi.


🚀 Ayatku - Platform Islami Lengkap untuk Kebutuhan Spiritual Anda

About

Platform islami lengkap untuk memenuhi kebutuhan spiritual umat Muslim Indonesia

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages