meetalva / alva Goto Github PK

... like a native app

As a designer I want to add and arrange components on a page so I can compose a page with the components.

Acceptance criterias:

1. I can see all components of the connected component library
2. I can add a component of the library to the page
3. I can change the position order of the component instance on the page
4. I can add a component inside another component, if the parent component allows children
5. I can delete a component instance

... if the component has e.g. a new styling

As a user I want to delete an existing page

e.g. by drag’n’drop

As a designer I want to add a placeholder component so I can easily experiment with new component designs on a page.

Acceptance criterias:

1. I can add placeholder image (e.g. PNG, JPG) to a page
2. I can arrange the placeholder in the same way as other components (except properties, of course)
3. I can delete the placeholder

Note: We could internally handle the placeholder images with a image component of the component library

The placeholder component should support the following events:

• click
• hover
• TODO

As a user I want to resize the preview pane horizontally and vertically to check my designs in all possible sizes.

As a user I want to create a project inside a styleguide.

As a user I want to rename a page inside the page selection (on the left application side),

As a user I want to view the page in its real context so I can see if my design works in different contexts (e.g. viewport, device...).

Acceptance criterias:

1. I can view a single page with all components
2. I can adjust the viewport width and height

As a designer I want to edit the properties of a component instance so I can adjust it with the intended data like headline texts.

Acceptance criterias

1. I can edit the component instance name
2. I can change all component instance properties that affect the design and behaviour of the component
3. I can see a live preview of the component instance with the edited properties

As a user I want to be able to delete a project.

• I should be able to drag a PNG or JPG from my local folder into the page element layers.

As a user I expect that all changes are auto-saved on my local filesystem so I don’t have to hit a "Save"-Button all the time and don’t lose changes if the application gets closed.

Acceptance criterias

1. All my changes are automatically saved locally on my local filesystem
2. It is possible to sync the product folder with Git

Page elements shouldn’t be able to be inside itself...

As a designer I want to manage all existing products so I can see, open, rename and delete them.

Acceptance criterias:

1. I can see all existing products
2. I can open an existing product
3. I can rename an existing product
4. I can delete an existing product
5. I can create a new product

... like a native app

As a user I want to create a new page inside a project

As a user I want to be able to delete a project

As "stacked" is already used for a different app, a matching name is needed.

Ideas go in different directions:

• atomic design
• space and everything connected with the universe
• alphabetic systems
• enable users to improve their experience, design, products

As a designer I want to manage all existing pages of a product so I can see, open, rename and delete them.

Acceptance criterias:

1. I can see all existing pages
2. I can open an existing pages
3. I can rename an existing pages
4. I can delete an existing pages
5. I can create a new page

The property pane should be either empty after deleting the element, because no element is selected.

When selecting a two page elements with the same properties right after each other, the properties won't use the props of the actual element, but from the previous selected element.