[Feature] <write a small description here>Add Dynamic Animation for Review Count and Overall Rating in Rating Section

[harshpareshbhaigosalya]

Description

Currently, the rating section in the project displays static content for the number of reviews and the overall rating. To make this section more engaging and user-friendly, implement a dynamic counting animation for both the review count and the overall rating.

Description
Currently, the rating section in the project displays static content for the number of reviews and the overall rating. To make this section more engaging and user-friendly, implement a dynamic counting animation for both the review count and the overall rating.

Proposed Changes

1. HTML Modifications:-

• Add unique IDs to the elements displaying the review count and overall rating for easy targeting in JavaScript.

2. JavaScript Implementation:-

• Implement a function to animate the review count from 0 to the specified number of reviews (e.g., 2252).
• Implement a function to animate the overall rating from 0.0 to the specified rating (e.g., 4.1).
• Use requestAnimationFrame for smooth transitions.

3. CSS Modifications:-

• No changes are required in CSS unless additional styles are needed for animations.

Please add the label of hacktoberfest accepted and gssoc 2024 extended

Thank you @swaraj-das

Screenshots

Screen.Recording.2024-10-05.093543.mp4

Checklist

• I have checked the existing issues.
• I have read the Code Of Conduct
• The changes don't break the code
• Please attach the screenshots and video of the development work once it is done

[caliginosusmoon]

Please assign this issue to me

[harshpareshbhaigosalya]

Hi @swaraj-das,
I have already completed the changes and am just waiting for you to assign the issue to me so that I can create a PR.
Thank you!

[harshpareshbhaigosalya]

I am also attaching a video showcase my work,

Recording.2024-10-05.093551.mp4

Thank you @swaraj-das Waiting for your reply.