Michael Mainguy
c51931af9c
- Create ImageUploadField component with file upload and URL input - Support base64 encoding for local IndexedDB storage - Add image preview, replacement, and removal functionality - Update SlideEditor to use ImageUploadField for image slots - Include file validation (5MB limit, image types only) - Add responsive design and error handling - Integrate with existing theme system and slot detection 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
68 lines
2.7 KiB
Markdown
68 lines
2.7 KiB
Markdown
# User Flows I want the solution to support
|
|
|
|
## Flow #1 - Presentation Management
|
|
**Adding, removing, and editing existing presentations**
|
|
|
|
### Create New Presentation
|
|
- [x] User navigates to create new presentation
|
|
- [x] User enters presentation details (title, description)
|
|
- [x] User selects aspect ratio (16:9, 4:3, 16:10) for presentation
|
|
- [x] User selects a theme from available options
|
|
- [x] User creates presentation and is taken to editor
|
|
|
|
### View All Presentations
|
|
- [x] User can view list of all saved presentations
|
|
- [x] User can see presentation metadata (name, description, theme, slide count)
|
|
- [x] User can access presentations from navigation
|
|
|
|
### Edit Existing Presentation
|
|
- [x] User can open existing presentation for editing
|
|
- [x] User can navigate between slides in editor
|
|
- [x] User can access presentation settings and metadata
|
|
|
|
### Delete Presentation
|
|
- [x] User can delete presentation from list view
|
|
- [x] User gets confirmation dialog before deletion
|
|
- [x] Presentation is removed from storage
|
|
|
|
## Flow #2 - Slide Management
|
|
**Adding, removing, and editing individual slides within presentations**
|
|
|
|
### Add New Slide
|
|
- [x] User clicks "Add Slide" from presentation editor
|
|
- [x] User can select layout for new slide (with themed previews)
|
|
- [x] User can add content to slide slots (text, images)
|
|
- [x] User can add presentation notes to slide
|
|
- [x] User can see miniature preview of slide live while editing
|
|
- [x] User can save slide (auto-saves presentation)
|
|
- [x] User can duplicate an existing slide copying it's layout and content.
|
|
|
|
### Edit Existing Slide
|
|
- [x] User can click on existing slide to edit
|
|
- [x] User can modify slide content in all slots
|
|
- [x] User cannot change slide layout once saved
|
|
- [x] User can exit slide editing mode without saving changes in an obvious way
|
|
- [x] User can edit presentation notes
|
|
- [x] Changes auto-save to presentation
|
|
- [ ] User can edit slide content without preview if desired by clicking inside content slot areas
|
|
- [ ] When template has an image slot, slide editor allows user to upload an image (that will be stored based64 encoded in indexdb)
|
|
|
|
### Remove Slide
|
|
- [x] User can delete slides from presentation
|
|
- [x] User gets confirmation before slide deletion
|
|
- [x] Slide order adjusts automatically
|
|
|
|
### Preview Slides
|
|
- [x] User can preview individual slides
|
|
|
|
### Slide Order Management
|
|
- [ ] User can reorder slides via drag-and-drop
|
|
- [ ] User can see slide order visually in editor
|
|
- [ ] Slide order automatically saves when changed
|
|
|
|
## Flow #3 - Present to oudience
|
|
- [x] User can start presentation mode from presentation editor
|
|
- [x] User can navigate slides in presentation mode
|
|
- [x] User can exit presentation mode
|
|
- [ ] User can see slide notes in presenter view
|
|
- [ ] User can control slide transitions and animations |