# A Simple Slideshow Web App

* A pure frontend app runs in the browser that display a slideshow.
  There’s not backend. Data are stored in browser storage.
* The app should be able to run directly in browser, without any build
  steps.
* The slideshow is just a bunch of slides
* The data for each slide is just a markdown string.
* The app will have two modes: edit and play
* In edit mode, the app shows a list of text boxes, where the user can
  input the markdown string in each. Each box represents a slide.
* In edit mode the user can add new slides and delete slides.
* In edit mode, the user can adjust the order of the slide by draggin
  the text boxes.
* Edit mode has a button to play the slideshow, and the app switches
  to play mode.
* The user will also have the choice to play the slideshow shuffled.
* In play mode, the markdown strings are rendered to big texts and
  displayed. Don’t worry about sanitizing the markdown.
* In play mode, the user can advance to the next slide by clicking the
  mouse or press any key, except the ESC key. Pressing the ESC key
  will switch the app to edit mode. There’s no way to go to the
  previous slide. Don’t worry about mobile use cases.
* When the user opens the app for the first time, they are in edit
  mode with one empty slide.
* Preact can be used if needed.
* In the edit mode, there should be a control to set the base font
  size. It should default to 256 (px).
* In play mode, the text should be center both horizontally and
  vertically.