Add Preloader

[AsmitaMishra24]

A preloader is an essential feature for enhancing user experience by indicating the progress of loading content. It helps in keeping the users engaged while the main content is being fetched or rendered. Implementing a preloader can significantly improve the perceived performance of our application.

Is your feature request related to a problem? Please describe.
Yes, the absence of a preloader can lead to a poor user experience as users may not understand whether the application is working or not while content is being loaded. This can cause frustration and potentially lead to users abandoning the application. A preloader helps to keep users engaged by providing a visual indication that content is loading.

Describe the solution you'd like
Design and Appearance:

1. A simple and visually appealing animation.
2. Should match the overall design language of the application.
3. Customizable options for color, size, and style to fit different themes.

Functionality:

1. Should display during the loading of heavy components or data fetching processes.
2. Must cover the main content area that is being loaded.
3. Option to show the preloader globally (entire screen) or locally (specific component).

Performance:

1. Lightweight and optimized to prevent additional load times.
2. Should not interfere with the loading process of the main content.

Implementation:

1. Should be implemented as a reusable component.
2. Easy to integrate with different parts of the application.
3. Must include appropriate documentation for usage and customization.

My Previous Works:-

preloader.3.mp4

preloader.2.mp4

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[AsmitaMishra24]

I would like to work on this issue. Please assign me this task for GSSoC'24.

[TheNikhilRaj]

I would like to work on this issue, please assign this to me.
@subhadipbhowmik

[TheNikhilRaj]

@subhadipbhowmik git clone not properly working it's giving error while cloning!