Pray Times (Arabic) RingQML Application !

[MOHANNAD ALDULAIMI]

Hello Ring Team,

I published the Ring Pray Time application in RingQML GitHub repository !

GitHub Link : ringqml/applications/RingQML/pray_time at main · mohannad-aldulaimi/ringqml Pray Times (مواقيت الصلاة)

A comprehensive, cross-platform prayer times application built using the Ring programming language and RingQML. Designed for the city of Ash-Shirqat and its suburbs, this application features a modern, adaptive user interface with dynamic visual elements and full customization support.

🌟 Features

• Real-Time Tracking: Displays the current date, time, and automatically highlights the next upcoming prayer.
• Countdown Timer: Shows the precise time remaining until the next prayer call (Adhan).
• Visual Indicators: Features a custom “Minute Circle” component that visualizes the progress of the current minute.

Adaptive UI

• Portrait Mode: Optimized vertical layout with a bottom drawer for settings.
• Landscape Mode: Split-screen layout with a side list and a popup for settings.

Customization

• Themes: Switch between Dark, Light, Sepia, and Forest visual styles.
• Typography: Adjustable font size slider to suit user preference.
• Backgrounds: Smooth fade animations between background images.
• Arabic Support: Built-in Right-to-Left (RTL) layout direction and font handling (using Segoe UI/Tahoma) for perfect Arabic text rendering.
• Glassmorphism: Modern “glassy” semi-transparent popups and controls.

🛠️ Technologies Used

• Ring Programming Language: The core logic and application control.
• RingQML: A wrapper enabling Ring to utilize Qt Quick.
• Qt Quick / QML: Used for the fluid, hardware-accelerated user interface and animations.
• Canvas API: Used for drawing custom shapes like the Minute Circle.

⚙️ How to Run

1. Ensure you have Ring and the RingQML extension installed on your system.
2. Verify the images/ folder contains your background images.
3. Run the application using the following command:

ring pray_times.ring

Best Regards…

Mohannad

​

[Mahmoud Fayed]

Hello Mohannad

Thanks for sharing :D

It's better to separate this application from RingQML and distribute it as separate package

This separate package could add RingQML package as dependency

Greetings,

Mahmoud

[MOHANNAD ALDULAIMI]

Hello Mahmoud,

“It’s better to separate this application from RingQML and distribute it as separate package
This separate package could add RingQML package as dependency”

This is the Best Practice that I was searching about …:D
I will do this and leave a reference as ReadMe file in GitHub Repository.

Best wishes…

Mohannad

​

[Mahmoud Fayed]

Hello Mohannad

>> " I will do this and leave a reference as ReadMe file in GitHub Repository."

Very nice, Thank you very much :D

Greetings,

Mahmoud

[MOHANNAD ALDULAIMI]

Hello Mahmoud ,

here is the GitHub repository link: mohannad-aldulaimi/praytimes

Pray Times (مواقيت الصلاة)

A comprehensive, cross-platform prayer times application built using the Ring programming language and RingQML. Designed for the city of Ash-Shirqat and its suburbs, this application features a modern, adaptive user interface with dynamic visual elements and full customization support.

📸 Screenshots

|

||

🌟 Features

• Real-Time Tracking: Displays the current date, time, and automatically highlights the next upcoming prayer.

• Countdown Timer: Shows the precise time remaining until the next prayer call (Adhan).

• Visual Indicators: Features a custom “Minute Circle” component that visualizes the progress of the current minute.

Adaptive UI

• Portrait Mode: Optimized vertical layout with a bottom drawer for settings.

• Landscape Mode: Split-screen layout with a side list and a popup for settings.

Customization

• Themes: Switch between Dark, Light, Sepia, and Forest visual styles.

• Typography: Adjustable font size slider to suit user preference.

• Backgrounds: Smooth fade animations between background images.

• Arabic Support: Built-in Right-to-Left (RTL) layout direction and font handling (using Segoe UI/Tahoma) for perfect Arabic text rendering.

• Glassmorphism: Modern “glassy” semi-transparent popups and controls.

🛠️ Technologies Used

• Ring Programming Language: The core logic and application control.

• RingQML: A wrapper enabling Ring to utilize Qt Quick.

• Qt Quick / QML: Used for the fluid, hardware-accelerated user interface and animations.

• Canvas API: Used for drawing custom shapes like the Minute Circle.

install : ringpm install praytimes from mohannad-aldulaimi run :

Run the application using the following command:

ringpm run praytimes

Best regards,

Mohannad

​

[Mahmoud Fayed]

Hello Mohannad

Thank you very much for sharing :D

Keep up the GREAT WORK :D

Greetings,

Mahmoud

[Mahmoud Fayed]

Hello Mohannad

Thanks again for sharing :D

(1) Added to RingPM Registry in this commit:  Update RingPM Registry - Add: Pray times application by Mohannad Al-A… · ring-lang/ring@62a6132

(2) Added to Resources section in Ring Website

Keep up the GREAT WORK :D

Greetings,

Mahmoud

[MOHANNAD ALDULAIMI]

Hello Mahmoud

Thanks for your support …:D
Best regards,

​

[Mahmoud Fayed]

Hello Mohannad

You are welcome :D

Greetings,

Mahmoud

[Mohamed AbdElhalim]

I have an idea to have notifications after each prayer prompting a daily reading, whether it be verses or a feature to divide the book and display two or more images on the screen after each prayer, from a book the user has selected on their device.

- There should be a time limit for displaying the images, which would be the interval between each prayer. I believe this would encourage the user to avoid the routine laziness of opening the book.

- They could specify start and end pages, and upon reaching a certain page, they would receive a "congratulations" notification.