Add Autosave Status Indicator for Resume Builder

[harikaparlapalli]

Description:
The resume builder currently does not clearly indicate whether user changes are being saved automatically.

Suggested improvement:

Add an autosave status indicator such as:
“Saving...”
“Saved”
“Unsaved Changes”
Improve user confidence while editing resumes
Prevent confusion during long editing sessions

This enhancement would improve overall user experience and editing feedback.

I would like to work on this issue under GSSoC 2026.

[yash3129]

Hi @sunilkumar2170,

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

I can implement a clean and responsive autosave status indicator for the resume builder to clearly show states like “Saving…”, “Saved”, and “Unsaved Changes”.

I’ll ensure the feature improves user experience without affecting the existing editing workflow and keeps the UI consistent with the application design.

Could you please assign this issue to me if it’s available?

Thank you!

[AceAchyut]

Hello 👋, I am a GSSoC'26 contributor and would love to work on this issue.
Could you please assign it to me?
Thank you!

[anujaiitj123]

Hi @sunilkumar2170

I carefully reviewed this enhancement and would love to work on it under GSSoC'26.

I can implement a smooth and user-friendly autosave status system for the resume builder with real-time states such as:
• Saving...
• Saved
• Unsaved Changes

Planned improvements:

• Debounced autosave handling for better performance
• Responsive status indicator with clean UI feedback
• Proper state management to avoid unnecessary re-renders
• Consistent styling matching the existing application design

This feature will significantly improve editing confidence and overall UX during long resume editing sessions.

I’d be happy to work on this issue and submit a clean PR. Looking forward to your approval

[Khushal-93]

Hi @sunilkumar2170 ,
I’d like to work on this issue under GSSoC ’26. I have experience building user-focused UI features and handling real-time state management in React applications.
For this enhancement, I can implement a clean and responsive autosave status system that clearly reflects states like:
“Saving...”
“Saved”
“Unsaved Changes”
Error handling states if save fails
My approach would include:
Tracking form changes efficiently using state management/hooks
Adding debounced autosave logic to avoid excessive API calls
Creating lightweight visual indicators with smooth UI feedback
Ensuring the indicator updates accurately during editing sessions
Maintaining consistency with the existing design system
I’ve previously worked on similar UX improvements involving autosave flows, async API handling, and responsive UI components, so I can deliver a clean and maintainable implementation with proper testing.
Please assign this issue to me.

[jayapattar20-tech]

Hi @sunilkumar2170

I reviewed this enhancement request carefully, and I believe adding an autosave status indicator would significantly improve the resume-building experience by giving users clear feedback about their save state during editing sessions.

I’d love to work on implementing a clean and responsive status indicator with states such as “Saving…”, “Saved”, and “Unsaved Changes” to improve user confidence and editing clarity.

I’m interested in contributing to this feature under GSSoC 2026
Please assign this issue to me.

Thank you!