mmainguy/slideshare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
22 Commits 1 Branch 0 Tags 750 KiB
TypeScript 58.4%
CSS 37.7%
JavaScript 2.5%
HTML 1.4%
5739bdf4a9
Go to file
Michael Mainguy 5739bdf4a9 Fix navigation flow and improve presentation creation workflow 
## Navigation Fixes
- Fix PresentationEditor back button routing from /themes to /presentations
- Update error state back links to go to presentations list instead of themes
- Correct navigation flow: Slide Editor → Presentation Editor → Presentations List

## Workflow Improvement
- Navigate directly to slide creation (/slide/new/edit) after creating new presentation
- Streamline user flow from presentation creation to first slide authoring

This fixes the confusing navigation where back buttons were taking users to the themes page instead of the logical previous step in their workflow.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-21 11:55:57 -05:00
public Consolidate button components and eliminate barrel exports 2025-08-21 11:42:42 -05:00
scripts Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
src Fix navigation flow and improve presentation creation workflow 2025-08-21 11:55:57 -05:00
.gitignore Add comprehensive theme routing and browsing system 2025-08-20 10:17:55 -05:00
CLAUDE.md Implement slide preview and fix import standards project-wide 2025-08-21 06:52:56 -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 Major code quality improvements: Fix XSS vulnerabilities and replace browser dialogs 2025-08-20 17:41:15 -05:00
package.json Major code quality improvements: Fix XSS vulnerabilities and replace browser dialogs 2025-08-20 17:41:15 -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 Add image upload functionality for slide editing 2025-08-21 09:45:24 -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

README.md

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.