Presentation App

This repository implements a simple full-stack presentation application.

How to run

1. Set up the node version stated in the .nvmrc file.
2. Download and install Docker if you don't have it already.
3. Run npm run docker:up to start the application.
4. After it starts running, open http://localhost:5173/ in your browser.
5. To stop the application you can Ctrl + C
6. To remove containers and volumes you can run npm run docker:down

How to use

1. When first opened, the presentations list is empty. Note that the data you enter persists, so if you close or stop the application and come back later, you will see the content you added previously.
2. You can create a new presentation by adding its title to the text-box above.
   • When it is successfully added, it is displayed in the list below the text-box. Note that the presentation title must be unique. You can edit the name by clicking the "Edit" button, and delete it by clicking the "Delete" button.
   • Clicking on the presentation name opens the presentation.
3. The presentations list can be sorted in ascending and descending order by clicking on the column headers.
4. When you open the presentation page:
   • You can add a new page to the presentation by clicking the + button at the top. You can add at most 10 pages to a presentation.
   • You can add text, image, and video to pages. To add new content, click on the type in the toolbar above the presentation page. Then click the page canvas to insert the element at the specified location. Depending on the type, you should fill in different kinds of data. After filling in, click the "Create" button.
   • Right-clicking on content opens up a context menu, where you can resize or delete the content.
   • You can drag and drop content on the canvas area.
   • Clicking "Back to Presentations" in the top-left will bring you back to the presentation list view.