quran.com-frontend-next icon indicating copy to clipboard operation
quran.com-frontend-next copied to clipboard

[feature]: Dual page reading mode

Open amynbe opened this issue 1 year ago • 1 comments

Is there an existing issue for this feature?

  • [X] There is no exsiting issue for this feature

Summary

This would achieve a more faithful visual representation of the mus'haf.

The visual cue indicating what side each page is on could be helpful for people memorising the Quran. One potential advantage is that they can start memorising on the physical mus'haf and seamlessly transition to the online version, retaining the visual memory assistance that they are getting from the physical mus'haf.

Another advantage is just aesthetics. It's quite beautiful visually to see 2 pages of a mus'haf side to side.

Your purposed solution for this feature

Either:

  1. Add a new reading mode tab, so will end up with "Translation", "Reading", and "Dual Page"
  2. Make it a setting
  3. Make it automatic based on the screen size

I would go with option 1 because then:

  • no need to implement extra responsiveness logic for the screen size
  • on a tablet, a user could turn his device's orientation and decide whether or not to switch the reading mode independently

Regarding navigation, I would make the next/previous page button jump 2 pages at a time. It can be confusing to click next/previous and see no change on the screen. And it would be unnecessary extra clicks. So ideally (but not super important) the page number at the top would be updated to mention both pages, e.g. "Page 74-75".

amynbe avatar Dec 20 '23 21:12 amynbe