Auto-Save Draft While Typing to Prevent Data Loss

[megha200479]

🚀 Feature Request: Auto-Save Draft While Typing

Problem

Currently, if a user starts typing a note and refreshes the page without clicking "Add Note", the typed content is lost. This can lead to accidental data loss and poor user experience.

Proposed Solution

Implement an auto-save draft feature that:

• Automatically saves the note content to localStorage while the user is typing.
• Restores the draft when the page is reloaded.
• Clears the draft automatically once the user successfully clicks "Add Note".
• (Optional) Display a small “Draft saved” indicator for better UX.

Why This Is Useful

• Prevents accidental data loss
• Improves overall user experience
• Makes the app feel more professional and modern

Possible Implementation Idea

• Use the input event listener on the textarea.
• Store the draft content in localStorage (e.g., key: draftNote).
• On page load, check if a draft exists and restore it.
• Remove draft from localStorage after successful note submission.

I would like to work on this issue.

[megha200479]

Hi @rspavithra 👋

Since this feature involves implementing real-time auto-save using localStorage, handling input event listeners, restoring draft state on reload, and ensuring proper draft cleanup after submission, I believe it aligns more with Level 2 complexity rather than Level 1.

It introduces state management considerations and UX improvements that go beyond a basic enhancement.

Could this please be updated to Level 2?

Thank you!