quran / quranicaudio-app Goto Github PK

Mind blown by this:
https://github.com/styled-components/styled-components#react-native

Uses:
https://github.com/styled-components/css-to-react-native

• Find a Router/Navigator
• Redux/ Redux Saga
• Audio Player (supports mp3 via HTTP)
• Prototype a UI, maybe follow haramain app (https://itunes.apple.com/us/app/haramain/id1120580567?mt=8) @ahmedre please share any sketch or zeplin files

Basically, I use Quran apps while driving and the idea is to make it compatible for drivers. A couple of features are suggested in separate issues.

Three features are requested:

1. Repeat the same surah which is being played currently.
2. Autoplay very next surah
3. Autoplay shuffled surah (available in web)

Assalamualaikum I appreciate the work all you have done, you have contribute so much mashaallah.

I want to ask, is there a way I can access data to sync the audio with each ayah? e.g. is there some data on verses/words that are being recited? Is there a method of doing that?

Steps:

1. Play Surah Fatiha for any reciter
2. While the surah is playing, go to another reciter
3. Tried to Play Surah Fatiha, but it fails

Documentations:

• Api
• Objective for the MVP

• Should have a list of Qaris. Use the /qaris endpoint.
• Qaris are split by sections, and each qari has a property of section_id. We should have a way to filter based on section names. Please use the /sections endpoint to retrieve the section name.
• Qari name should be pressable and will navigate to the qari profile page. You can either pass information from the list on the home screen or do an api call to /qaris/{QARI_ID}

See #2 for UI.

We need to find a decent Audio Player. Basic requirements:

• Can load MP3 files from HTTP
• Can preload
• Can save cache for offline playing (not a big deal)
• Play while out of the application

potential:

https://github.com/just-team/react-native-youtube-player
https://docs.expo.io/versions/v15.0.0/sdk/audio.html

Some beautiful UI shared by AhmedGalal.

When setting a filter in reciters list and choose one e to open the filter is carried over to the next screen.

Basically, I use Quran apps while driving and the idea is to make it compatible for drivers. A couple of features are suggested in separate issues.

For making the app offline compatible, below is the app i used over commute and has a good model for offline usage:

https://itunes.apple.com/ae/app/almuaiqly-%D8%A7%D9%84%D8%B4%D9%8A%D8%AE-%D9%85%D8%A7%D9%87%D8%B1-%D8%A7%D9%84%D9%85%D8%B9%D9%8A%D9%82%D9%84%D9%8A/id512297210?mt=8

How does it work (for the above app):

1. Surah number is grayed out with a beautiful art (if not downloaded)
2. You can't play until the surah has been downloaded
3. Once downloaded it is available for play next time (so the app knows where to look for in the device for the surah)

How should it work (suggestion) for quranic audio:

1. Surah number is grayed out with a beautiful art (if not downloaded)
2. You have the option to play directly from internet if not downloaded
3. Once downloaded it is available for play next time from the device even if there is internet (so the app knows where to look for in the device for the surah)

There's no way to stop the player. We can only pause it.