About Presentation Editor
Presentation Editor is a personal project for creating and visually editing presentations directly in the browser. The goal was to build a workspace where slides can be created and their content freely manipulated in a way similar to traditional presentation and design software.
Features
- Manage slides inside the editor
- Use text, images and shapes as slide elements
- Freely move elements across the workspace
- Resize elements using multiple handles
- Rotate elements
- Select and manipulate multiple elements together
- Snapping and alignment while moving elements
- Different tool areas for adding content and controlling the design
Project Status
The project remained an early prototype and was not developed into a complete application. It is still a meaningful personal project to me because building the visual editor involved several interesting programming challenges, especially around element movement, resizing, rotation, multi-selection and alignment.
Technical Implementation
The editor was built entirely on the frontend with React and JavaScript. Redux manages the editor state, while Material UI and Tailwind CSS are used for parts of the interface. The logic for element movement, resizing, rotation, selection and alignment was implemented directly within the editor. The project has no backend.