Go to file
Michael Mainguy 4ce9f225a6 Implement slide deletion and duplication functionality
- Add complete slide deletion with smart confirmation messages
- Implement slide duplication that copies layout, content, and notes
- Handle edge cases for navigation after deletion/duplication
- Add proper slide order management and renumbering
- Include comprehensive error handling and user feedback
- Support deleting last slide, only slide, and middle slides
- Navigate intelligently after operations (to duplicated slide, adjusted position after deletion)
- Add improved confirmation dialogs with context-aware messaging
- Integrate with existing presentation storage and state management
- Replace placeholder TODO implementations with full functionality

Features completed:
 User can delete slides from presentation
 User gets confirmation before slide deletion
 Slide order adjusts automatically
 User can duplicate existing slides copying layout and content
 Smart navigation maintains user context after operations
 Robust error handling with proper user feedback

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-20 17:32:06 -05:00
public Enhance default theme with proper content centering and 2-content-blocks layout 2025-08-20 17:15:03 -05:00
scripts Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
src Implement slide deletion and duplication functionality 2025-08-20 17:32:06 -05:00
.gitignore Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
CLAUDE.md Add full-screen layout preview route and fix iframe sandbox issue 2025-08-20 13:48:13 -05:00
ERROR_HANDLING_STANDARDS.md Add full-screen layout preview route and fix iframe sandbox issue 2025-08-20 13:48:13 -05:00
eslint.config.js Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
IMPORT_STANDARDS.md Add full-screen layout preview route and fix iframe sandbox issue 2025-08-20 13:48:13 -05:00
index.html Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
package-lock.json Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
package.json Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
REACT19_IMPLEMENTATION.md Add full-screen layout preview route and fix iframe sandbox issue 2025-08-20 13:48:13 -05:00
README.md updated README.md, removed boilersplate and added instructions for using 2025-08-20 10:26:23 -05:00
tsconfig.app.json Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
tsconfig.json Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
tsconfig.node.json Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
USERFLOWS.md Implement slide deletion and duplication functionality 2025-08-20 17:32:06 -05:00
VITE_PERFORMANCE.md Add full-screen layout preview route and fix iframe sandbox issue 2025-08-20 13:48:13 -05:00
vite.config.ts Add full-screen layout preview route and fix iframe sandbox issue 2025-08-20 13:48:13 -05:00

Online slide presentation editor and viewer built with React and Vite


A web application for creating, editing, and presenting slide presentations with customizable themes and layouts.

Features

  • Create new presentations with a selection of built-in themes
  • Add slides with various layouts based on the selected theme
  • Add text and images to slide layout "slots"
  • Add presentation notes to slides
  • Present slides in full-screen mode
  • Easily switch themes and update presentations accordingly
  • Modular and reusable React components
  • Customizable themes with support for CSS, fonts, colors, and images
  • Support for "master slides" with non-overridable content
  • Responsive design for various screen sizes
  • Export presentations to PDF or HTML format

Getting Started

Prerequisites

  • Node.js (v20 or later)
  • npm (v9 or later)
  • Git (for cloning the repository)
  • A modern web browser (for running the application)
  • A code editor (e.g., VSCode) for development
  • Basic knowledge of React, TypeScript, HTML, and CSS
  • Familiarity with Vite and npm package management

Installation

  • Clone the repository:
    git clone https://git.dasfad.com/mmainguy/slideshare.git
    
  • Navigate to the project directory:
    cd slideshare
    
  • Install dependencies:

npm install ```

  • Start the development server:

npm run dev ```

  • Open your web browser and navigate to http://localhost:5173 to view the application.