kodepandai / colorful-quran Goto Github PK
View Code? Open in Web Editor NEWHoly Qur'an with colorful tajweed anotation
Home Page: https://quran.edsentra.id
License: MIT License
Holy Qur'an with colorful tajweed anotation
Home Page: https://quran.edsentra.id
License: MIT License
last reading feature, to help users remember their last reading.
you can use asyncstorage to save the last surah and ayat, and displayed on the home page.
and then the link can be clicked and redirected to the last page.
thank's
Surat Al Baqarah ayat 40 kalimah allatii an'amtu
tidak mendeteksi mad jaiz
Iqlab start index conflict with Ghunnah end index. Example occure on surah 2:18
Progress to complete tajweed anotation for kemenag version
For more detail, install this Kemenag Quran App. Open Quran per Halaman
page
For now, we use recitequran.com for tajweed reference.
All anotation listed on json file under /src/db/kemenag/surah/x.json
, where x is id of surah.
See example for surah 1.json
Example of tajweed json structure
"tajweed": [
{
"class": "madd-6",
"start": 0,
"end": 2
}
]
start and end is start and end of selected arabic character.
Use tajweed generator tool to generate the json. see contributing section
Currently we cannot styling for harakat only. So we must syling huruf + harakat
Sometimes Reader just want to read the Arabic text without translation. May be we can include this on setting
right now icon is used svg, you can change the icon fr much better, and look eye catching
add layout for tasbih page, in there any counter button and reset button,
counter button count from 1 to 9999, and can't be minus like -1,
reset button set counter button to 0
It will be awesome if we can install this app via pwa support.
When user visit the website, they didn't know about this app, who made this app, etc.
So I propose there is link with question icon (?) on home page (may be on top right). When it's clicked, the pop up appear.
Inside popup, should includes:
Please comment on this issue if you see missing tajweed or missplaced tajweed rule. For example
This task is for @yudianwebdev
please reference the PR on this issue
I found good algoritm on other repo, but on python language. We can refactor it to fit our project.
So the goal is to make script that can generate tajweed rule json like we did earlier, but automatic. I hope we can make the Tajweed Generator that can run automatically to determine which is ghunnah, ikhfa, etc. I will make the template of this script soon. Please wait for me ๐
This is the repo, you can check it https://github.com/cpfair/quran-tajweed
But that repo use data from recite quran. Our data is from kemenag, so wes must rebuild the algorithm from scratch
make modal box for any popup
Al Baqarah ayat 31, mad wajib belum terdeteksi di kalimah haa ulaa i
karena memakai tanda fathah tegak
Tajweed Generator v1 and v2 is now deprecated, we are using tajweed rule and generator script instead. Need to add this info to Contributing
section. We also need to explain how to add or update Tajweed rules and how to generate json from them.
Adakalanya ketika membaca suatu surat terjeda (tidak sampai tuntas satu surat). Sehingga saya menyimpan titik surat dan ayat terakhir yang saya baca dalam catatan saya sendiri, misal 9:28 (At Taubah, ayat ke 28).
Lalu disaat ketika ingin lanjut membaca lagi, saya membuka surat tersebut dan mengklik Go To Ayat untuk mengetik ayatnya. Nah, dalam dark mode, ketikan font angka yang tampil kurang terang/jelas.
Apakah bisa style font tersebut dijadikan semisal bold atau lebih darker agar lebih jelas?
Need adjust agoritm of Ghunnah or Madd Jaiz. Example of bug occure on surah Al Baqarah verse 33
Kalimah qoliilan waiiyyaya
tidak mendeteksi idgham bighunnah karema terpisah tanda washal
Missing mad wajib
Need to complete tajweed anotation kemenag version for surah 2
PR are welcome, please separate PR for each aya
please fill in comment if you wanna contribute
Need tools like button or dropdown to go to specific aya number. I think this is necessary for long surah like Al Baqarah etc that has hundred of aya
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.