🕌 Islamic Tasbih Counter

A simple and clean Dhikr / Tasbih online counter built using HTML, CSS & Vanilla JavaScript.
Made for daily dhikr tracking with a minimal and smooth UI.

---

📸 Preview

---

✨ Features

• ➕ Increase counter with one click
• ➖ Decrease counter (never goes below 0)
• 🔁 Reset counter anytime
• 📱 Clean & responsive layout
• 🎨 Smooth button interactions
• ✅ Minimal UI focused on daily usage

---

🧠 JavaScript Learnings

In this project, I practiced:

• DOM manipulation (querySelector, textContent)
• Handling button events using addEventListener()
• State handling with a counter variable (count)
• Preventing invalid states (no negative values)

---

🛠 Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Bootstrap Icons
• Google Fonts

---

🚀 Live Demo

👉 https://github.com/taffuwebx09/Dhikr-Tasbhi-Online-Tally-Counter

---

📂 Project Structure

islamic-tasbih-counter/
│
├── index.html
├── README.md
│
├── assets/
│   └── preview.png
│
├── css/
│   └── style.css
│
└── js/
    └── script.js

🤲 Purpose

I built this project for my personal daily dhikr, so I can easily count tasbih on-screen during prayer time.
It also helped me practice JavaScript fundamentals while creating something meaningful and useful.

🔮 Future Improvements

Save counter value using localStorage

Add vibration feedback for mobile

Add dark/light theme toggle

Add sound feedback on click

👨‍💻 Author

Tafajjul