slideshare/USERFLOWS.md
Michael Mainguy 3864de28e7 Implement fullscreen presentation mode with keyboard navigation
- Add PresentationMode component for fullscreen slide viewing
- Support keyboard navigation: arrows/space for slides, escape to exit
- Integrate with existing theme rendering and CSS loading system
- Update PresentationsList Present button to use fullscreen mode
- Add new route /presentations/:presentationId/present
- Fix TypeScript errors in presentation components

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-21 09:21:38 -05:00

67 lines
2.6 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
### 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
- [ ] User can start presentation mode from presentation editor
- [ ] User can navigate slides in presentation mode
- [ ] User can exit presentation mode
- [ ] User can see slide notes in presenter view
- [ ] User can control slide transitions and animations