Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Zakereen — Islamic Mindfulness Companion

Zakereen is a premium, lightweight Chrome extension designed to keep you spiritually mindful while working. It provides gentle dhikr reminders, accurate prayer times, and a calming digital environment.

✨ Features Implemented (MVP)

1. Floating Dhikr Reminders

  • Non-intrusive UI: Uses a Shadow DOM to ensure styles don't conflict with any website.
  • Smart Animations: Smooth floating entrance from the bottom-right with a progress bar for auto-dismissal.
  • Interactive: Click "+ Count Dhikr" to add to your daily goal directly from the page.

2. Intelligent Reminder Modes

  • Focus Mode: Reminders every 15 minutes (low distraction).
  • Balanced Mode: Reminders every 8 minutes (standard).
  • Frequent Mode: Reminders every 4 minutes (high mindfulness).

3. Prayer Times & Notifications

  • AlAdhan API Integration: Fetches accurate times based on your city and country.
  • Customizable: Choose your calculation method (ISNA, MWL, etc.) and Madhab (Hanafi/Shafi).
  • Smart Alarms: Notifies you 10 minutes before prayer and exactly at prayer time.

4. Special Features

  • Scroll Recovery: Shows gentle reminders when you spend too much time on distracting sites like YouTube, Twitter, or Instagram.
  • Friday Mode: Automatically switches to Jummah mode with Salawat and Surah Al-Kahf reminders.
  • Idle Detection: Shows a calming Islamic quote when you've been inactive for a while.
  • Dhikr Counter: A beautiful circular tasbih counter in the popup for manual counting.

🛠️ Tech Stack

  • Manifest V3: Using the latest Chrome Extension standards.
  • Vanilla JS & CSS: Zero dependencies for maximum performance and minimum CPU usage.
  • Glassmorphism Design: A premium, modern UI that supports both Dark and Light modes.

🚀 How to Load the Extension

  1. Open Chrome and go to chrome://extensions/.
  2. Enable Developer mode (top-right toggle).
  3. Click Load unpacked.
  4. Select the c:\Projects\zakereen-extension folder.
  5. Pin Zakereen to your toolbar for easy access.

Created with love for the Ummah.

About

Stay spiritually mindful while working online. Gentle dhikr reminders, prayer times, and a calming Islamic digital environment.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Sponsor this project

Contributors

Languages