mmainguy/slideshare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
20 Commits 1 Branch 0 Tags 750 KiB
TypeScript 58.4%
CSS 37.7%
JavaScript 2.5%
HTML 1.4%
b4b61ad761
Go to file
Michael Mainguy b4b61ad761 Consolidate button components and eliminate barrel exports 
## Button Component System
- Create dedicated components/ui/buttons directory with 6 specialized button components:
  - Button.tsx: Universal button with variants (primary, secondary, danger, link) and sizes
  - ActionButton.tsx: Action buttons matching existing patterns
  - BackButton.tsx: Navigation back buttons
  - CancelLink.tsx: Cancel/link style buttons
  - CloseButton.tsx: Modal/preview close buttons with variants
  - NavigationButton.tsx: Presentation navigation buttons
- Update key components to use new button system (SlideEditor, ContentEditor, Modal, AlertDialog, ConfirmDialog)
- Replace inline styled-jsx with proper CSS files for AlertDialog and ConfirmDialog

## Barrel Export Elimination
- Remove all barrel export files violating IMPORT_STANDARDS.md:
  - src/themes/index.ts
  - src/components/themes/index.ts
  - src/components/presentations/index.ts
  - src/components/slide-editor/index.ts
- Update 15+ files to use direct imports from themeLoader.ts instead of barrel exports
- Fix function naming conflict in ThemeDetailPage.tsx (loadTheme shadowing)
- Follow project standards: direct imports with .tsx extensions for better Vite performance

## Benefits
- Improved Vite tree shaking and module resolution performance
- Consistent, reusable button system across application
- Adherence to project coding standards and import conventions
- Reduced bundle size through elimination of barrel export overhead

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-21 11:42:42 -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 Consolidate button components and eliminate barrel exports 2025-08-21 11:42:42 -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.