Added a lottie animation loader to the website #594
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Great job, @PulkitShubham! 🎉 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
✅ Deploy Preview for collect-your-gamingtools ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
@swaraj-das Kindly review my PR I've worked quite hard to get an animated loader issue no #540 |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
@swaraj-das I have rectified the issue and added Loader.js and Loader.css files |
|
Congratulations, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to the project 🚀 Keep Contributing!! ✨ |
PR Title
#540 Lottie Loader Implementation solved
Type of PR
Description
This pull request aims to implement a Lottie animation loader that displays while the main content of the webpage is loading. The loader is centered on the screen and fades out smoothly once the page is fully loaded, enhancing the user experience during loading times.
Screenshots / Videos (if applicable)
Before:
After:
Checklist
Additional Context
The loader was created using the Lottie web library, which allows for scalable vector animations. The animation URL used is a publicly available example. The implementation includes a fade-in effect for the main content and prevents scrolling while the loader is visible. No additional issues were encountered during the implementation.
Thank you for reviewing my pull request!