Azkari 🌙

A lightweight, highly customizable desktop app that occasionally displays Azkar reminders on your screen based on the time of day. Built for Muslims who want gentle, unobtrusive spiritual reminders throughout the day.

---

Tech Used 🧑‍💻

---

Core Features ⚡

• ⏰ Time-Based Azkar Display:
  Shows different Azkar depending on prayer times and times of day.

• 🖥️ Highly Customizable Notifications:
  Control location, duration, frequency, and appearance of reminders.

• 💻 Lightweight & Efficient:
  Minimal resource usage, runs smoothly in the system tray.

• 🔄 Auto Startup & System Tray Integration:
  Starts with your system and runs quietly in the background.

• 🔧 Configurable Settings UI:
  Easy-to-use interface to tweak all aspects of Azkar display.

---

Screenshots 📸

Demo: A quick demonstration of Azkari in action, showcasing how the app displays Azkar notifications seamlessly based on the configured settings and timings.

Notification Popup: Subtle Azkar displayed on the screen at scheduled times.

About Screen: Provides information about the app's purpose and creation.

Settings Screen: Allows customization of timing, display locations, durations, and startup options.

Home Screen: The central hub for navigating the app's features.

---

Azkar Data 📜

Azkar are sourced from trusted Islamic references and organized by time of day (morning, evening, post-prayer, etc.)

• Supports multiple categories of Azkar to fit different moments and moods.
• Allows easy update and addition of new Azkar collections.
  • You can directly modify the src-tauri\data\azkar_massa.json or src-tauri\data\azkar_sabah.json.
  • Original owner of the starter azkar MuslimKit

---

Project Structure

/ (root)
├── README.md               # This file
├── package.json            # Node dependencies and scripts
├── tsconfig.json           # TypeScript configuration
├── vite.config.ts          # Vite configuration
├── public/                 # Public assets (icon, etc.)
├── screenshots/            # App screenshots and demo GIFs
├── src/                    # SolidJS frontend source
│   ├── App.tsx             # Main app component
│   ├── components/         # UI components (Notification, Settings, etc.)
│   ├── hooks/              # Custom hooks for timer and events
│   ├── utils/              # Utility functions and Azkar data
│   └── main.tsx            # Entry point
└── src-tauri/              # Tauri backend (Rust)
    ├── main.rs             # Rust backend logic (system tray, timers)
    └── Cargo.toml          # Rust dependencies