Versions Compared

Version Old Version 2 New Version Current
Changes made by

Julia Boyarshchikova (Deactivated)

Sergey Kiselyov (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The list of component It is agreed to divide the whole scope on two phases: Promo Hero PoC and Rest of MVP.

Promo Hero PoC scope - Please review and confirm

Task

Responsibility

Initial project setup

DA

Tools setup

AWS related environment (Code Artifact, etc.) to be configured by Reckitt with full access for DA

CI/CD configuration

Reckitt

Components development (list below)

DA

Creating branch with theme provider option

DA

Creating branch with CSS variables option

DA

Integrate Hero promo in a project and compare performance and dev experience

DA

Code standards

DA and Reckitt

Browsers support

DA and Reckitt

Quality Assurance standards

DA and Reckitt

Accessibility standards

DA and Reckitt

The list of components to be included into the MVP Promo Hero PoC scope is below: 

Layout components

  •            ContainerContainer

  •             RowGrid            Column

  • Item

Atoms

  •             Logo

  •             Button

  •             Button

  • Link

  • Image (simple version)

  • Typography

  • Typography RTE

Molecules

  • Heading Block

Organisms

  • CTA Block

  • Promo Hero


Rest of MVP Scope - Please review and confirm

List of Components

Atoms

  • Nav link

  •             Dropdown

  •             Checkbox

  •             Radio button

  •             Toggle

  •             Input field

  •             Tabs

  •             Image

  •             Label

  •             Tag 

Molecules

  •             Radio Button Group

  •             Search

  •             Accordion item

  •             Accordion list

  •             Video

  •             Pagination

  •             Navigation

  •             Language Switcher

  •             Breadcrumb

  •             Carousel

Organisms

  •             Alert

  •             Header          

  •             FooterCheckbox - Not sure if this one is necessary for MVP. Please confirm

  • Radio button - Not sure if this one is necessary for MVP. Please confirm

  • Toggle - Not sure if this one is necessary for MVP. Please confirm

  • Input field

  • Tabs

  • Image

  • Gatsby Image - Need to clarify if this one is needed

  • Label

  • Tag

Molecules

  • Radio Button Group - Not sure if this one is necessary for MVP. Please confirm

  • Search

  • Accordion item

  • Video

  • Pagination

  • Navigation

  • Breadcrumb

  • Carousel

Organisms

  • Header

  • Language Switcher

  • Footer

  • Social links

  • Alert Box

  • Subtle Strip

  • Page Header (aka Top banner)

  • Teaser 2

  • Article Header

  • Search Header

  • Product Header

  • Packshots Carousel

  • Product Card

  • Product List

  • Order control

  • Page Card

  • Page List

  • Download Card

  • Picto Card

  • Picto List

  • Overview

  • Asset List

  • Image + Text

  • Table of content

  • Search Results

  • Sitemap

  • Section with icons and accordion

  • How to use + Safety