Buku Doa Harian adalah aplikasi web yang menampilkan 228 doa dan dzikir Islam secara lengkap. Data diambil dari API publik EQuran.id, kemudian disajikan melalui antarmuka yang bersih dan mudah digunakan.
Setiap doa dilengkapi dengan teks Arab lengkap beserta harakat, transliterasi dalam huruf Latin, terjemahan bahasa Indonesia, serta referensi sumber hadits. Pengguna bisa mencari doa berdasarkan nama, terjemahan, atau tag, serta memfilter berdasarkan kategori.
Aplikasi ini dibangun dengan arsitektur frontend-backend terpisah. Backend menggunakan Rust dengan framework Axum sebagai proxy API, sedangkan frontend dibangun dengan Vue 3, Vite, dan Tailwind CSS 4. Backend bertindak sebagai perantara antara frontend dan API EQuran.id, sehingga memungkinkan pengembangan lebih lanjut seperti caching dan rate limiting.
Fitur utama yang tersedia:
- 228 doa dan dzikir lengkap
- Teks Arab dengan harakat menggunakan font Amiri
- Transliterasi Latin untuk panduan bacaan
- Terjemahan bahasa Indonesia
- Referensi sumber hadits
- Pencarian real-time berdasarkan nama, terjemahan, grup, dan tag
- Filter berdasarkan tag seperti tidur, malam, makan, dll.
- Kartu doa yang bisa di-expand untuk melihat detail lengkap
- Desain responsif untuk mobile dan desktop
- Mode gelap
Teknologi yang digunakan:
| Komponen | Teknologi |
|---|---|
| Backend | Rust, Axum, Reqwest |
| Frontend | Vue 3, Vite, Tailwind CSS 4 |
| Data Source | EQuran.id API |
| HTTP Client | Axios |
Cara menjalankan secara lokal:
- 1.Clone repository dari GitHub
- 2.Jalankan backend dengan
cargo rundi folder backend - 3.Jalankan frontend dengan
npm install && npm run devdi folder frontend - 4.Buka
http://localhost:5173di browser
Repository: https://github.com/erlk1m/buku-doa