Hadith

Hadith App is a Progressive Web App (PWA) designed to bring authentic narrations from Prophet Muhammad (peace be upon him and his family) and his Ahl al-Bayt (peace be upon them) to your fingertips.

It also features a curated collection of supplications and zyarat, allowing you to access them anytime, anywhere. The app is free, lightweight, and easy to use, making spiritual guidance more accessible than ever.

V2.0.1

previous version [2.0.0]

Preview: https://hadith-ahlulbayt.netlify.app/

🔮 Features:

1. [coming soon] Advanced Settings (Customize font: size, color, family, gaps, line height).
2. Light/Dark Mode & Several themes.
3. Share with social media.
4. Copy text of hadith, duaa, ...etc.
5. Save favourites hadith.
6. Remember the last hadith have been read and continue reading from there.
7. Support PWA, you can use app from mobile/desktop from home screen directly.
8. support PWA, app can work offline (this work only if you enter to specific section and read any hadith from there, only that section will be online, you can enter all sections to make all work offline).

📝 Roadmap:

• issue: scrolling in main page is not work smoothly, fix it.

• Desktop Responsiveness (Re-Design UI to support desktop).

• Re-Design (add to favourites) system.

• Add option to (hide share button) in settings.

• Add more content.

• Advanced Settings (Customize font: size, color, family, gaps, line height).

• Display (ayat, salauat, tsleem, name of "allah") in special colors Use special characters for text inside json file to do that.

• Re-Design local database.

[1.9.1]

• Fix not updated GUI problem, when add or remove Hadith to/from favourite GUI not updated directly (icon not directly reacting);

[older]

• enhance update Now button style.
• small UI/UX improvement (display page title in header, enhance header item position).
• change icons color (darkblue => teal).
• Upload Project on GitHub on: Live Page , Project Files
• Upload Website to host (netlify.com)
• Change Some Directories (add "style" & "script" to assets directory).
• Fix And Improve Storage (improve structure or design of saved data in localStorage, like previous hadith index..etc).
• Add light (white) mode (use can't change themes yet, in next versions he will can).
• Improve Accessibility (Add "area-lable" attribute for buttons).
• Fix Loading problem, (ahadith-mutafariqa.html) page does not loading.
• fix problem in loading page, some times pages doesn't work (problem reduced but not solved).
• Use async/await instead of using .then() to handle fetch function.
• user can see (hyper link) when long press on them [use javascript to solve].