search

vishal02527 / My-Strength-Shree-Krishna

This website is based on devotional content. Many resources and references are there to motivate you towards Krishna and get you connect with His devotion.
https://mystrengthshreekrishna.vercel.app/
48 stars 170 forks source link

Add Prayer Counter with Bell Sound, Progress Bar, and Completion Animation #560

Open diya-kishore opened 3 hours ago

diya-kishore commented 3 hours ago

This will work on automatic count based on timer

Description: We need to implement a prayer counter feature on the website with the following functionalities:

  1. Prayer Counter: Allow users to count the number of prayers or chants, with an option to set the target to 108 or any custom number. The counter should increment with each completed chant.

  2. Bell Sound : Play a customizable bell sound at the end of each count or when reaching the target. Users should be able to choose from different bell sounds.

  3. Progress Bar: Display a progress bar to visually indicate how much of the target has been completed.

  4. Completion Animation: Upon reaching the target, trigger a celebration animation (e.g., confetti) to give users a sense of achievement.

  5. Streak Tracking: Track and display user streaks for daily or continuous usage to encourage regular practice.

  6. Mantra Suggestions: Provide suggestions of popular mantras that users can select and use for their practice.

  7. Customization Options:

    • Allow users to set a custom number of repetitions.
    • Provide different themes and sounds for personalization.

This feature will enhance the spiritual experience on the website, making it more engaging and motivating for users.

diya-kishore commented 3 hours ago

@vishal02527 kindly assign me this issue. i am keen to work on this as it will provide an added benefit to user experience of the overall website.

JahnavikaGopalbvrith commented 1 hour ago

20241021_144257

20241021_144803

20241021_144246

20241021_144654

@vishal02527 I kindly request you to assign this issue.

diya-kishore commented 1 hour ago

I would like to develop the prayer counter with an attractive UI /UX. along with the number of features mentioned above. I request you to kindly allow me to work on this issue as i am 100% sure the counter along with avrious functionalities will alow user to keep streak of the prayer