Design

[gwittm]

Value proposition

As a user I want to have an attractive looking app with an intuitive and clear design In order to enjoy using it on a screen of 375 x 667px.

Description

Acceptance criteria

• [ ] Root colors are set and used
• [ ] Hover-Effects at Buttons and Links
• [ ] Suitable Images are set as Banner Image at Main Page and Favorite Page
• [ ] Suitable Images are set on top at the Add- and Edit-Form-Page
• [ ] Minimalistic FuseSearch-Bar at Main Page
• [ ] All Recipes at Main and Favorite-Page are visible as Links (hover-Effect) with Image and positioned Favorite Button
• [ ] Details Page has a well structured and attractive design
• [ ] Formular has a well structured design and can be used intuitively
• [ ] Margin and Padding-Values are set equalily to achieve a uniform and clear appearance
• [ ] Folder-Structure is clear and Styled Components are separated from Functions

Tasks

• [ ] search for suitable root-colors
• [ ] search for suitable images
• [ ] design pages with flex-boxes, margin and Padding-Values...
• [ ] outsourcing of Styled Components