Module/ chapter page

[30ann]

Key Features:

• A brief intro of the module followed by the sub-chapter buttons.
• Line between each of the icons described.
• Green icon - when a user is in or finished with the subchapter.
• Start button - Only appears when the user opens the subchapter page for the first time. It takes the user to the first sub-chapter- the beginning.
• Continue button - Appears if the user had previously accessed the subchapter. It takes you to the part you last accessed.
• Carousel of books related to the module below the start/ continue button.

[esmeetewinkel]

Discussion Maryann/Esmee

• "Start" button that changes to "Continue" when some part of the module has already been accessed.
• Will use PLH Teens design for MVP
• Books are not required for MVP

Action points

• [ ] New design for module list: https://github.com/IDEMSInternational/parenting-app-ui/issues/2155
  • Line between each of the icons
  • Icon background turns green when a user finished with the category
  • Icon not clickable, text button is.
• [ ] Moving from "completing one category" to the next will be using a function authored in the code to evaluate which task is next (captured in https://github.com/IDEMSInternational/parenting-app-ui/issues/2150)

[lenkada]

Use the blue closest to the colours currently being accepted by the app in the first instance after the MVP and later consider whether to change to green.