A modern Digital Tasbih (Islamic Prayer Counter) built with React and Tailwind CSS.
Designed with a beautiful Ramadan-inspired UI featuring animated stars, glassmorphism effects, circular progress tracking, keyboard support, and persistent dhikr counting.
- 📿 Multiple Dhikr options
- 🌙 Beautiful Islamic night-sky UI
- ⭐ Animated twinkling stars
- 🔵 Circular progress indicator
- ✨ Ripple tap animation
- ⌨️ Keyboard support (Space / Enter)
- 💾 Persistent total dhikr counter using localStorage
- 🔥 Completion glow & bounce animation
- 📱 Fully responsive design
- 🎵 Click sound effect
- 📊 Daily streak tracking
- 📿 Tasbih bead visualization
| Dhikr | Arabic | Target |
|---|---|---|
| Subhanallah | سُبْحَانَ اللَّهِ | 33 |
| Alhamdulillah | الْحَمْدُ لِلَّهِ | 33 |
| Allahu Akbar | اللَّهُ أَكْبَرُ | 34 |
| La ilaha illallah | لَا إِلَٰهَ إِلَّا اللَّهُ | 100 |
| Astaghfirullah | أَسْتَغْفِرُ اللَّهَ | 100 |
🌐 https://tasbhi-count-with-saiful-1lup.vercel.app/
- React
- Tailwind CSS
- Vite
- JavaScript
- LocalStorage API