Skip to main content

Project

Project structure

If we look at the structure of the project, we can see that it looks like a tree structure.

Example of a project structure

Project
├── Slide1
│ ├── Layer1
│ │ └── TextObject
│ └── Layer2
│ ├── ImageObject
│ └── VideoObject
└── Slide2
├── Layer3
│ ├── SpinnerObject
│ ├── FrameObject
├── Layer4
│ ├── VectorObject
│ └── YoutubeObject
└── Layer5

Project is a root element and contains Slides.
Slide belongs to Project and contains Layers.
Layer belongs to Slide and contains Objects.
Object is a visual element with a single purpose.

Project responsibilities

Project is responsible for several things:

  • Project configuration
  • Default configuration for Slides
  • Breakpoint configuration used for responsive behavior
  • It could be linked to Bucket (for Publishing)