Wakt Tracker is a Chrome extension for tracking prayer times, tailored to users in Bangladesh. It provides real-time prayer timing data and dynamic countdowns for upcoming prayers. The extension is powered by Vue.js, styled with Tailwind CSS, and leverages external APIs for accurate data sourcing.
- Real-Time Prayer Timings: Displays the current prayer’s start, end, and remaining time.
- Dynamic Countdown: Continuously updates to show time left until the next prayer.
- Location-Based Settings: Users can select their location from a dropdown list populated with Bangladesh-specific locations.
- Persistent Settings: Location preference is stored in local storage, with a default fallback to Dhaka.
- Intuitive UI: Lightweight, responsive UI with a custom loader animation for smooth data transitions.
- Vue.js
- Tailwind CSS
- Prayer Times: MuslimSalat API for fetching prayer timings, accessed through a proxy (cors-anywhere) to handle CORS restrictions.
- Bangladesh Location Data: bdapis.com provides the Bangladesh-specific locations used in the settings dropdown.
- Clone the repository.
- Run
npm run build - Open Chrome and go to
chrome://extensions. - Enable Developer mode.
- Click Load unpacked and select the project folder.
The extension icon should now appear in the Chrome toolbar.
- Click the Wakt Tracker icon to view the current prayer time and time remaining.
- If time not showing then visit (cors-anywhere) and click
Request temporary access to the demo server - Use the clock icon to access settings and set your location.
- Location selection is persistent, defaulting to Dhaka if no custom location is set.
