Implement design in app

[VanessaDiBella]

Value proposition

As a user I want to use a well designed app In order to have a better user experience.

Description

Acceptance criteria

• [ ] The app has a CI with defined colors, forms and fonts
• [ ] Images should be showing the exercise

  Tasks

• [ ] Create a new branch for the styling
• [ ] Create global styles for colors, fonts, margin
• [ ] Create a new assets folder in lib for the icons and backgrounds
• [ ] import icons as SVG
• [ ] import background images as png or jpg
• [ ] Create styled-components for submit, clear, save, add, favorite, and go back buttons
• [ ] Create hover styled-components for each button
• [ ] Create styled-components for muscle tags
• [ ] Create styled-components for name tags

[Roland-Hufnagel]

Good userstory. Some suggestions are:

• Recognizable design with repeated use of styled-components -> 'styled-components' is an implementation detail which you can define as a task but not in the AC.
• A few more tasks would be nice. E.g. Create global styles. Define global variables for colors and fonts, install and use styled-components,...

[Roland-Hufnagel]

LGTM