# Brainstorm LGP-3B

### User Stories

| US | Role | I want to | So that |
| --- | --- | --- | --- |
| 01 | _User_ | Add a text component | I can have text in my theme |
| 02 | _User_ | Add an image component | I can have an image in my theme |
| 03 | _User_ | Add a caroussel component | I can have a caroussel in my theme |
| 04 | _User_ | Add a product list/gallery | I can showcase my shop's products in a list/gallery |
| 05 | _User_ | Add a banner with text component (image+text) | I can have a banner in my theme with text |
| 06 | _User_ | Preview text | I can see the text component in the theme |
| 07 | _User_ | Preview image | I can see the image component in the theme |
| 08 | _User_ | Preview caroussel | I can see the caroussel component in the theme |
| 09 | _User_ | Preview product list | I can see the product list component in the theme |
| 10 | _User_ | Preview banner with text | I can see the banner with text component in the theme |
| 11 | _User_ | Order existing components | I can organize the components present on the theme |
| 12 | _User_ | Change the theme colours/fonts | I can customize the theme to my liking |
| 13 | _User_ | Undo/Redo Changes | Show/Hide components |
| 14 | _User_ | Edit a component settings | I can edit my components specifications any time without the need to delete and re-create that component again |
| 15 | _User_ | Split into horizontal rows | I can split my easel into horizonal lines and order my elements not only vertically but also horizontally |
<!--
| 16 | _User_ | Edit style and size of text for special events | I want to promote special days as be: Valentine's day, Woman day black friday or Store birthday, it's normal a adaption of a reality/environment of event
| 17 | _User_ | Preview a animation style | I want effects on items/product like zoom on image behind magnifying glass.
| 18 | _User_ | Preview a custom a filter | I want without so much effort, getting my mood through default template varitiations/beauty themes like: light, dark, soft or vivid (young - strong vivacity colours).
| 19 | _User_ | Create sub-themes | As User I want a temathic and temporary theme with animations for example with smoothly glowing red confetti, style edits to highlight the festive/special date. -->

## Non-Functional Requirements

### Business rules

| Identifier | Name | Description |
| --- | --- | --- |
| BR01 | Components integration with Theme | Each component must be related in terms of design and structure to the Theme used in every instance. |
| BR02 | Support for Different Page Types | Both Components and Theme Options shoud have a different context depending on the type of the Page Editing (Home Page, Product,Category, etc.) |
| BR03 | Support for Internationalization | Each text element must have a translation for the set of languages offered in the site |

<!--
| BR04 | Support people with disabilities | The features should be have way to this specific public (avaibility of alternative to configure them)
| BR05 | Demonstration to help store owner to interact on site | Have a video tutorial to help people to interact on user interface -->

### Technical Requirements

| Identifier | Name | Description |
| --- | --- | --- |
| TR01 | Usability | The system will be intuitive, easy to handle, navigate and with a simple design. |
| TR02 | Speed | The system will be fast, with a short response time to offer a fluid experience to users. |
| TR03 | Responsive | The system will be a responsive web site in order to adapt to different types of screens and/or devices. |
| TR04 | Technologies | The system will be implemented with ReactJS, styled with Bootstrap 4 and integrated with backend in Ruby on Rails. |

### Restrictions

| Identifier | Name | Description |
| --- | --- | --- |
| R01 | Delivery time | The MVP must be ready before 05/06/2020 |