indraAK/maos-quran

Al-Qur'an online berbasis web yang dilengkapi dengan terjemahan, tafsir, dan audio ayat

Maos Quran

Al-Qur'an online berbasis web yang dilengkapi dengan terjemahan, tafsir, dan audio ayat.

Live Website

https://maos-quran.vercel.app/

Screenshoot

Light

Dark

Fitur

1. Cari surah
2. Tandai surah favorit
3. Tandai ayat terakhir dibaca
4. Putar audio ayat
5. Paginasi surah (Sebelumnya | Berikutnya)
6. Tampilkan / sembunyikan terjemah
7. Tampilkan / sembunyikan tafsir
8. Mode gelap

Instalasi

Untuk instal dan menjalankan aplikasi ini, pastikan bahwa Git dan Node.js sudah terinstal di komputer anda, lalu jalankan command line berikut:

# Clone this repository
$ git clone https://github.com/indraAK/maos-quran.git

# Install dependencies
$ npm install

# Run the app
$ npm start

Teknologi

• Next.js (React Framework for Production)
• Chakra UI (UI Component Library)
• Zustand (State management in React)

Sumber

• Data Al-Quran beserta terjemahan, tafsir & audio ayat dari @sutanlab
• Data Asmaul Husna dari jagad.id, versi JSON dari @mazipan
• Data Do'a harian dari doaharianislami.com, versi JSON dari @mazipan
• Data Wirid dari islam.nu.or.id, versi JSON dari @mazipan
• Data Tahlil dari islam.nu.or.id, versi JSON dari @mazipan
• Inspirasi desain aplikasi dari @mazipan