A spiritual Progressive Web Application (PWA) that displays random blessings in Arabic and English to encourage gratitude and mindfulness.
- ๐ Random blessing display with smooth animations
- ๐ Bilingual support (Arabic & English) with proper RTL/LTR handling
- ๐ฑ Mobile-first responsive design
- ๐พ Local storage for blessing history and preferences
- ๐ PWA functionality with offline support
- โจ Modern UI with spiritual color palette
- โฟ Accessibility features and keyboard navigation
blessing-reminder-pwa/
โโโ index.html # Main application entry point
โโโ manifest.json # PWA manifest for installation
โโโ sw.js # Service worker for offline functionality
โโโ assets/
โ โโโ css/
โ โ โโโ main.css # Main styles with CSS variables
โ โ โโโ animations.css # Animation and transition definitions
โ โ โโโ arabic.css # Arabic-specific typography and RTL styles
โ โโโ js/
โ โ โโโ app.js # Main application logic
โ โ โโโ blessings.js # Blessing management and display
โ โ โโโ storage.js # LocalStorage management
โ โ โโโ language.js # Language switching and RTL handling
โ โโโ data/
โ โ โโโ blessings.json # Comprehensive blessing database (to be created)
โ โโโ icons/ # PWA icons in various sizes (to be created)
โโโ README.md
- Frontend: Vanilla JavaScript (ES6+)
- Styling: Custom CSS with CSS Grid and Flexbox
- PWA: Service Worker + Web App Manifest
- Storage: Browser LocalStorage
- Deployment: GitHub Pages (static hosting)
- Clone or download this repository
- Open
index.htmlin a modern web browser - For development, serve the files using a local web server
- For production, deploy to GitHub Pages or any static hosting service
The application is built with vanilla JavaScript and CSS for optimal performance and simplicity. No build process is required - just open the HTML file in a browser.
- BlessingManager: Handles blessing data and selection logic
- StorageManager: Manages local storage for preferences and history
- LanguageManager: Handles Arabic/English switching and RTL support
- Main App: Coordinates all components and handles UI interactions
- Modern browsers with ES6+ support
- PWA features require HTTPS (except localhost)
- Service Worker support for offline functionality
- LocalStorage for data persistence
This is a spiritual project aimed at promoting gratitude and mindfulness. Contributions are welcome, especially:
- Additional blessings in Arabic and English
- UI/UX improvements
- Accessibility enhancements
- Performance optimizations
See LICENSE file for details.
"And if you would count the graces of Allah, never could you be able to count them. Truly! Allah is Oft-Forgiving, Most Merciful." - Quran 16:18