Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Animated Counters for Milestones #805

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

snehas-05
Copy link

Add Animated Counters for Milestones
Issue number #629

This pull request implements an animated counter feature for the RETRO website to dynamically display key milestones, such as "Projects Completed," "Happy Clients," and "Customer Satisfaction." The counters animate upon scrolling to the relevant section, enhancing user engagement and providing a more interactive experience.

Features
Scroll-Triggered Animation: The counters start counting up when the user scrolls to the milestones section.

Smooth Transitions: Numbers increment smoothly over a defined duration, creating a seamless visual experience.

Responsive Design: The counters are styled to ensure they look great and function smoothly across all devices.

Benefits
Boosts Engagement: The animated counters draw attention to important statistics, encouraging visitors to focus on standout achievements.

Quickly Showcases Success: Provides an immediate and impactful way to communicate major accomplishments, helping to build credibility with potential clients or collaborators.

Adds a Professional Touch: Smooth animations enhance the modern feel of the site, contributing to a positive user experience.

This pull request introduces animated counters to the RETRO website, dynamically showcasing key milestones like "Projects Completed" and "Happy Clients." The scroll-triggered animations enhance user engagement and present important statistics in a visually appealing manner.

The implementation is fully responsive and ensures smooth transitions for a polished user experience. I believe this feature will significantly contribute to the overall professionalism and interactivity of the site.

Thank you for reviewing this PR!

Checklist

  • [ X] I have gone through the contributing guide
  • [X ] I have updated my branch and synced it with project main branch before making this PR
  • [X ] I have performed a self-review of my code
  • [X ] I have tested the changes thoroughly before submitting this pull request.
  • [ X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
  • [X ] I have commented my code, particularly in hard-to-understand areas.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job, @snehas-05! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

Copy link

netlify bot commented Nov 1, 2024

Deploy Preview for rococo-mooncake-0d89f7 ready!

Name Link
🔨 Latest commit 88f8f4b
🔍 Latest deploy log https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/6727437d7a7a6100080dabd4
😎 Deploy Preview https://deploy-preview-805--rococo-mooncake-0d89f7.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Anjaliavv51
Copy link
Owner

@snehas-05 link ur page to home page in footer so that i can see ur output.

@snehas-05
Copy link
Author

@Anjaliavv51 done... I had made the changes which you asked me to do.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants