Redis-Powered Prayer Times App: Location-Aware Islamic Schedule

This is a submission for the Redis AI Challenge: Beyond the Cache.

What I Built

I built a location-aware prayer time web app that delivers three core features:

1. Mosque-Specific Display
   
   
   Each mosque has a unique URL that shows its daily prayer schedule, name, address, and date. The times are accurate based on its stored latitude and longitude.




2. Browser-Based Location Detection
   
   
   When users visit the general homepage (https://redis-prayer-times.netlify.app), the app detects their location using the browser’s geolocation API, fetches their latitude and longitude, and then displays prayer times specific to their location.




3. Nearby Mosque Finder
   
   The app also helps users discover nearby mosques using Redis GEO. Based on the user's location, Redis efficiently finds and returns the closest mosques within a configurable radius.

This makes it easy for both mosque administrators and everyday users to access accurate prayer times tailored to their precise location.

Demo

🌐 Live Website:

• General: https://redis-prayer-times.netlify.app
  


• Mosque-Specific: Example: Masjid Istiqlal
  


• Nearby Mosques: https://redis-prayer-times.netlify.app/nearby-mosque
  

How I Used Redis Cloud

This project uses Redis Cloud beyond caching in the following ways:

Redis GEO

How It Works

1. Each mosque's coordinates (latitude, longitude) are stored in Redis using GEOADD, with their mosque ID or name as the key.




2. When a user's location is detected via the browser:

• The app executes GEOSEARCH to find the nearest mosque(s) within a certain radius (e.g., 5km or 10km).




• If a nearby mosque is found, the app uses its exact location to fetch the corresponding prayer times. The mosque’s name and address are also displayed to the user.

Tech Stack

• 
  Frontend: Vue.js + Tailwind CSS
  


• 
  Backend: Netlify Functions (Node.js)
  


• 
  Database: Redis Cloud
  


• 
  Deployment: Netlify
  


• 
  Geolocation: HTML5 Geolocation API + Redis GEO
  

https://github.com/siswoyo-dev/redis-prayer-times

✅ This app makes prayer time tracking easy, accessible, and personalized — powered efficiently with Redis!

Screenshot

Home Screenshot

Nearby Mosques Screenshot

Mosque-Specific Screenshot