add a loading spinner during gerenating quiz #119

[rahulkumarbhagat-coder]

This PR introduces a loading spinner to enhance user experience by providing visual feedback during asynchronous operations, such as data fetching or form submission. This deal with issue #119

[ts-31]

Hi @rahulkumarbhagat-coder, nice work on the PR! I noticed you’ve used the react-loader-spinner package to implement the spinner. The project currently already has a spinner implemented during quiz generation.

Could you clarify if using react-loader-spinner introduces any improvements over the existing implementation? For example:

Does it provide better design or animation options?
Is it more maintainable or flexible for future updates?
Also, adding a new package increases the dependency footprint, so it might be worth discussing whether the existing spinner could be enhanced instead of introducing a new one. Let me know your thoughts! 😊

[rahulkumarbhagat-coder]

Hi @ts-31 , Thank you for your feedback and for taking the time to review the PR!

Use of the react-loader-spinner package was aimed at leveraging its customizable design and animation options. Compared to the existing implementation, the new spinner might bring visual consistency and flexibility.

Since react-loader-spinner is a widely used and actively maintained package, it simplifies updates or enhancements.

That said, you’ve raised an important point about dependency management. Adding a new package does increase the project’s footprint, so it’s worth evaluating whether the existing spinner could be enhanced to meet our needs without introducing a new dependency.

I’d be happy to enhance the existing spinner if the team prefers to avoid additional dependencies. Alternatively, if the new spinner aligns better with our long-term goals (e.g., design consistency or extensibility), we could discuss whether it’s worth adopting react-loader-spinner.

[Aditya062003]

Hey, this feature is already being worked on here: #135