Skip to content

[FEATURE] Add Save/Load Project State using LocalStorage #688

@saurabh19304

Description

@saurabh19304

Closes #686

What this PR does

  • Adds saveProject(), listProjects(), loadProject(), deleteProject() to useVideoEditor.ts
  • Adds modal-based Save and Load UI in VideoEditor.tsx
  • Persists editor settings in localStorage under reframe-projects-v1
  • Video blobs are intentionally not persisted (browser limitation)

Files changed

  • src/hooks/useVideoEditor.ts
  • src/components/VideoEditor.tsx
Image

Testing

  1. Open Reframe
  2. Select output size and adjust settings
  3. Click Save Project → enter a name
  4. Refresh the page
  5. Click Load Project → select saved project → settings restored ✅

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions