Your Digital Companion for Islamic Worship
رفيقك الرقمي للعبادات اليومية
📱 Download APK • 🚀 Features • 🛠️ Tech Stack • 📸 Screenshots • 🤝 Contribute
| Platform | Status | Link |
|---|---|---|
| Android | ✅ Available | Download APK |
| iOS | 🚧 Coming Soon | — |
| Web | ✅ Live Demo | aniro.app |
- Hijri Date Display — Beautiful Arabic typography showing today's Islamic date
- Next Prayer Card — Live countdown to the next prayer with animated timer
- Daily Prayer Strip — Quick view of all today's prayer times
- Daily Wisdom — Rotating hadith and Islamic quotes to start your day
- GPS-Based Location — Auto-detects your city/country for precise calculations
- Multiple Calculation Methods — Choose from: Muslim World League, Egyptian General Authority, and more
- Background Notifications — Adhan plays even when app is closed
- Manual Time Adjustment — Fine-tune by minutes if needed
- 🧭 Qibla Compass — Accurate direction to the Kaaba with smooth animation
- Full Mushaf — Complete Quran with all 114 surahs
- Two Reading Modes:
- List Mode — Verses in continuous scroll
- Page Mode — Like the physical Mushaf
- Tajweed Color-Coding — Visual rules for proper recitation
- Tafsir Integration — Long-press any verse for instant explanation
- Audio Recitation — Famous reciters: Al-Husary, Al-Minshawi, Al-Afasy, and more
- Organized Collections — Morning, Evening, Sleep, Prayer azkar
- Digital Tasbih — Electronic counter with haptic feedback
- Progress Tracking — See your daily azkar completion
- Dark/Light Mode — Aurora gradient backgrounds with glassmorphism design
- Font Scaling — Adjustable text size for accessibility
- Bilingual Support — Full Arabic & English interface
- Offline-First — Core features work without internet
┌─────────────────────────────────────────────────────────────┐
│ Aniro V3 Architecture │
├─────────────────────────────────────────────────────────────┤
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────────────┐ │
│ │ Next.js │ │ React │ │ TypeScript │ │
│ │ 15 │ │ 19 │ │ 5.x │ │
│ └──────┬──────┘ └──────┬──────┘ └──────────┬──────────┘ │
│ └─────────────────┴────────────────────┘ │
│ │ │
│ ┌────────────────────────┼────────────────────────┐ │
│ │ UI Layer │ │
│ │ ┌────────────┐ ┌────────────┐ ┌────────────┐ │ │
│ │ │ Radix UI │ │ Tailwind │ │ shadcn/ui │ │ │
│ │ │ Components │ │ CSS 3.4 │ │ Components │ │ │
│ │ └────────────┘ └────────────┘ └────────────┘ │ │
│ └────────────────────────┬────────────────────────┘ │
│ │ │
│ ┌────────────────────────┼────────────────────────┐ │
│ │ Native Layer │ │
│ │ ┌────────────┐ ┌────────────┐ ┌────────────┐ │ │
│ │ │ Capacitor │ │Geolocation │ │Local Notif.│ │ │
│ │ │ 8.x │ │ Plugin │ │ Plugin │ │ │
│ │ └────────────┘ └────────────┘ └────────────┘ │ │
│ └────────────────────────┬────────────────────────┘ │
│ │ │
│ ┌────────────────────────┼────────────────────────┐ │
│ │ Data Layer │ │
│ │ ┌────────────┐ ┌────────────┐ ┌────────────┐ │ │
│ │ │ Adhan.js │ │ IDB │ │ Minisearch│ │ │
│ │ │Prayer Calc │ │ (IndexedDB)│ │ Search │ │ │
│ │ └────────────┘ └────────────┘ └────────────┘ │ │
│ └──────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────┘
| Category | Technology | Purpose |
|---|---|---|
| Framework | Next.js 15 + React 19 | App architecture |
| Language | TypeScript 5 | Type safety |
| Styling | Tailwind CSS 3.4 + shadcn/ui | Modern UI |
| Mobile | Capacitor 8 | Native Android app |
| Icons | Lucide React | Consistent iconography |
| State | React Hook Form + Zod | Form management |
| Search | Minisearch | Offline search in Quran |
@capacitor/geolocation— GPS for prayer time calculations@capacitor/local-notifications— Adhan reminders@capacitor/preferences— Local settings storage
- IndexedDB (IDB-Keyval) — Offline-first data storage
- Capacitor Preferences — Settings & cache
| Home Screen | Prayer Times | Quran Reader |
|---|---|---|
|
 |
 |
| Hijri date, next prayer, daily wisdom | Accurate timings, multiple methods | Tajweed colors, tafsir, audio |
Aniro-V3/
├── 📁 android/ # Native Android project (Capacitor)
├── 📁 assets/ # App icons & images
├── 📁 src/
│ ├── 📁 app/ # Next.js app router
│ │ ├── 📁 api/ # API routes
│ │ ├── 📁 quran/ # Quran feature pages
│ │ ├── 📁 prayer/ # Prayer times pages
│ │ └── 📁 azkar/ # Azkar pages
│ ├── 📁 components/
│ │ ├── 📁 ui/ # shadcn/ui components
│ │ └── 📁 quran/ # Custom Quran components
│ ├── 📁 hooks/ # Custom React hooks
│ ├── 📁 lib/ # Utilities & helpers
│ └── 📁 types/ # TypeScript definitions
├── 📁 public/ # Static assets
├── 📄 capacitor.config.ts # Capacitor configuration
├── 📄 next.config.ts # Next.js configuration
└── 📄 tailwind.config.ts # Tailwind customization
- Node.js 20+
- Android Studio (for Android builds)
- Git
# Clone the repository
git clone https://github.com/its3li/Aniro-V3.git
cd Aniro-V3
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Sync with Android
npx cap sync android
# Open Android Studio
npx cap open androidWe welcome contributions! Here's how:
# Fork & clone
git clone https://github.com/YOUR_USERNAME/Aniro-V3.git
# Create branch
git checkout -b feature/amazing-feature
# Make changes & commit
git commit -m "feat: add amazing feature"
# Push & PR
git push origin feature/amazing-feature- 🐛 Bug fixes
- ✨ New features
- 🌍 Translations (i18n)
- 📱 iOS support
- 🎨 UI/UX improvements
- 📚 Documentation
- Adhan Library — Accurate prayer time calculations
- Quran.com API — Quranic data and translations
- Capacitor Team — Making web apps native
- shadcn/ui — Beautiful accessible components
This project is licensed under the MIT License — see the LICENSE file for details.
Made with ❤️ by Ali
"And whoever does an atom's weight of good will see it" — Quran 99:7