Membuat Aplikasi Jadwal Sholat dengan React Native
Pagi tadi sebelum berangkat kerja, saya ingin mengobati rasa penasaran saya terhadap React Native. Saya mencoba membuat sebuah aplikasi untuk melihat Jadwal Sholat berdasarkan lokasi (Berdasarkan koordinat perangkat). Untuk perhitungan jadwal sholatnya menggunakan library javascript dari Pray Times yang saya buat sebagai API server dan saya unggah di layanan Google Firebase Cloud Functions.
Ini adalah contoh response dari API server yang saya buat di Firebase Functions
{
"request": {
"lat": "-7.338725",
"long": "120.392381",
"timezone": "+7",
"format": "24h",
"method": "ISNA"
},
"date": "2017-05-14T22:52:08.824Z",
"schedules": {
"imsak": "04:32",
"fajr": "04:42",
"sunrise": "05:42",
"dhuhr": "11:35",
"asr": "14:56",
"sunset": "17:28",
"maghrib": "17:28",
"isha": "18:28",
"midnight": "23:35"
}
}
Kemudian saya buat project react-native dan menggunakan layanan API tersebut.
Karena tadi pagi buru buru, jadi fiturnya belum selesai semua. Lokasi yang seharusnya otomatis terdeteksi oleh aplikasi, tapi masih saya tulis didalam code (hardcoded). Untuk kedepanya (mungkin lanjut besok pagi) akan saya poles lagi untuk menyempurnakanya. Dari segi UI/UX juga masih acak acakan, maklum saja masih baru mulai mempelajari View di React Native yang mayoritas menggunakan flexbox.