Add Loading Spinner During AI Task Extraction

[Gowthamimudam]

Implement a loading spinner or progress indicator while the AI processes pasted text and extracts tasks, deadlines, and subjects. This will improve user experience by providing visual feedback during processing.

[Gowthamimudam]

hello @Charushi06 ,I'm intrested to work on this issue,please assign me.

[Kaustav2706]

Hello @Charushi06 👋,

I’m a GSSoC 2026 contributor and would love to work on this issue.

I have hands-on experience with React, TypeScript, Tailwind CSS, and creating smooth, user-friendly interfaces. I understand how important visual feedback is when users are waiting for AI-powered processing, especially when the application is analyzing text and extracting tasks, deadlines, and subjects.

✅ Proposed Implementation

I plan to implement a polished loading experience that will:

• Display a responsive loading spinner while the AI processes the input.
• Add contextual messages such as:
  • “Analyzing your study plan...”
  • “Extracting tasks and deadlines...”
  • “Almost done...”
• Disable the submit button during processing to prevent duplicate requests.
• Add subtle animations for a more professional and engaging feel.
• Ensure the loader matches the existing design system and theme.
• Maintain full responsiveness across desktop, tablet, and mobile devices.

Optional Enhancements

If suitable for the project, I can also include:

• Progress dots or step indicators.
• Skeleton loading placeholders.
• Estimated processing text for improved UX.

Tech Stack Approach

• React state-based conditional rendering.
• Tailwind CSS animations and styling.
• Reusable Loader component for future use across the application.

Testing Plan

I will verify that:

• The loader appears immediately after submission.
• It disappears correctly when processing completes or fails.
• Error states are handled gracefully.
• UI remains responsive on all screen sizes.

I will ensure the implementation is clean, reusable, and adheres to the project’s coding conventions.

Please assign this issue to me under GSSoC 2026. I’d be excited to contribute and enhance the user experience of StudyPlan.

Thank you! 🚀