Über Presentation Editor
Presentation Editor ist ein persönliches Projekt für die Erstellung und visuelle Bearbeitung von Präsentationen direkt im Browser. Ziel war es, eine Arbeitsfläche zu entwickeln, auf der Folien aufgebaut und ihre Inhalte ähnlich wie in klassischen Präsentations- und Designprogrammen frei bearbeitet werden können.
Funktionen
- Folien innerhalb des Editors verwalten
- Texte, Bilder und Formen als Elemente verwenden
- Elemente frei auf der Arbeitsfläche verschieben
- Größe von Elementen über mehrere Griffe verändern
- Elemente drehen
- Mehrere Elemente gleichzeitig auswählen und bearbeiten
- Snapping und Ausrichtung beim Verschieben von Elementen
- Verschiedene Werkzeugbereiche für Inhalte und Gestaltung
Projektstatus
Das Projekt blieb als früher Prototyp bestehen und wurde nicht zu einer vollständigen Anwendung fertiggestellt. Für mich ist es dennoch ein besonderes persönliches Projekt, weil die Entwicklung des visuellen Editors mehrere interessante programmiertechnische Herausforderungen umfasste, insbesondere bei Bewegung, Größenänderung, Rotation, Mehrfachauswahl und Ausrichtung von Elementen.
Technische Umsetzung
Der Editor wurde vollständig im Frontend mit React und JavaScript entwickelt. Redux verwaltet den Zustand des Editors, während Material UI und Tailwind CSS für Teile der Benutzeroberfläche eingesetzt werden. Die Logik für Bewegung, Größenänderung, Rotation, Auswahl und Ausrichtung der Elemente wurde direkt innerhalb des Editors umgesetzt. Das Projekt besitzt kein Backend.