[Bug]: Memory Leak and Performance Issues

[Swapnilden]

Give a brief about the bug ✍️

The code in mouseEffect.js creates a new ripple element on every mouse movement, leading to potential memory leaks and performance degradation.

What is the expected behavior? 🤔

The ripple effect should only be triggered under specific conditions, such as throttled mouse movements or click events, to avoid performance issues and memory leaks.

Provide step by step information reproduce the bug 📄

1. Observe Performance: Move the mouse rapidly across the screen and observe the performance. Note any lag or increased memory usage.
2. Check Element Creation: Monitor the number of DOM elements created during mouse movement. Use browser developer tools to inspect the DOM.
3. Implement Throttling: Introduce a throttle function to limit the number of ripples created.
4. Validate Improvement: Test the application again to ensure improved performance and reduced memory usage.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @Swapnilden! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Formation-Absent and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects