mmainguy/slideshare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
7b262f398c
slideshare/USERFLOWS.md
Michael Mainguy 9b0b16969f feat: implement complete presentation management system with aspect ratio support 
## Major Features Added:

### Presentation Management
- Complete CRUD operations for presentations (create, read, update, delete)
- IndexedDB storage for offline presentation data
- Comprehensive presentation list view with metadata
- Navigation integration with header menu

### Slide Management
- Full slide editor with layout selection and content editing
- Live preview with theme styling applied
- Speaker notes functionality
- Enhanced layout previews with realistic sample content
- Themed layout selection with proper CSS inheritance

### Aspect Ratio System
- Support for 3 common presentation formats: 16:9, 4:3, 16:10
- Global CSS system baked into theme engine
- Visual aspect ratio selection in presentation creation
- Responsive scaling for different viewing contexts
- Print-optimized styling with proper dimensions

### User Experience Improvements
- Enhanced sample content generation for realistic previews
- Improved navigation with presentation management
- Better form styling and user interaction
- Comprehensive error handling and loading states
- Mobile-responsive design throughout

### Technical Infrastructure
- Complete TypeScript type system for presentations
- Modular component architecture
- CSS aspect ratio classes for theme consistency
- Enhanced template rendering with live updates
- Robust storage utilities with proper error handling

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-20 16:34:00 -05:00

2.0 KiB
Raw Blame History

User Flows I want the solution to support

Flow #1 - Presentation Management

Adding, removing, and editing existing presentations

Create New Presentation

  • User navigates to create new presentation
  • User enters presentation details (title, description)
  • User selects aspect ratio (16:9, 4:3, 16:10) for presentation
  • User selects a theme from available options
  • User creates presentation and is taken to editor

View All Presentations

  • User can view list of all saved presentations
  • User can see presentation metadata (name, description, theme, slide count)
  • User can access presentations from navigation

Edit Existing Presentation

  • User can open existing presentation for editing
  • User can navigate between slides in editor
  • User can access presentation settings and metadata

Delete Presentation

  • User can delete presentation from list view
  • User gets confirmation dialog before deletion
  • Presentation is removed from storage

Flow #2 - Slide Management

Adding, removing, and editing individual slides within presentations

Add New Slide

  • User clicks "Add Slide" from presentation editor
  • User can select layout for new slide (with themed previews)
  • User can add content to slide slots (text, images)
  • User can add presentation notes to slide
  • User can see miniature preview of slide live while editing
  • User can save slide (auto-saves presentation)

Edit Existing Slide

  • User can click on existing slide to edit
  • User can modify slide content in all slots
  • User can change slide layout
  • User can edit presentation notes
  • Changes auto-save to presentation

Remove Slide

  • User can delete slides from presentation
  • User gets confirmation before slide deletion
  • Slide order adjusts automatically

Preview Slides

  • User can preview individual slides
  • User can view slides in presentation mode
  • User can navigate between slides in preview