Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

15. As a user, I want the welcome screen to look pretty #37

Closed
stacietaylorcima opened this issue Dec 16, 2019 · 10 comments
Closed

15. As a user, I want the welcome screen to look pretty #37

stacietaylorcima opened this issue Dec 16, 2019 · 10 comments
Assignees
@prophen @ajiles91 @mikeramz86 @MonicaDJohnson

Comments

@stacietaylorcima
Copy link
Collaborator

AC:

  • The welcome screen (the screen a user sees before they’ve created their list) looks something like the following (or equivalent, use your creativity!):

welcome-screen
@prophen
Copy link
Contributor

prophen commented Feb 4, 2020 •
edited
Loading

I will write comments on all of the "look pretty" stories (#38, #39, #40) here
image

image

image

@prophen
Copy link
Contributor

prophen commented Feb 4, 2020 •
edited
Loading

Semantic UI is the component library I mentioned on Sunday
https://react.semantic-ui.com/

https://react.semantic-ui.com/elements/label/
https://react.semantic-ui.com/elements/list/
https://react.semantic-ui.com/elements/loader/
https://react.semantic-ui.com/elements/placeholder/
https://react.semantic-ui.com/elements/input/
https://react.semantic-ui.com/modules/checkbox/
https://react.semantic-ui.com/collections/menu/#variations-evenly-divided
https://react.semantic-ui.com/elements/icon/

@prophen
Copy link
Contributor

prophen commented Feb 4, 2020

image

@prophen
Copy link
Contributor

prophen commented Feb 4, 2020

image

@prophen
Copy link
Contributor

prophen commented Feb 4, 2020

image

@prophen
Copy link
Contributor

prophen commented Feb 4, 2020

image

@mikeramz86
Copy link
Contributor

@MonicaDJohnson @prophen @mikeramz86

<3: My favorite
Thumbs Up: Ok
Thumbs down: No go

@prophen prophen mentioned this issue Feb 6, 2020
Merged
@prophen
Copy link
Contributor

prophen commented Feb 6, 2020

image
Converted the list page to the Semantic components

@prophen
Copy link
Contributor

prophen commented Feb 7, 2020

image

image

I guess this still needs work on the mobile view

image
image

The details dropdown needs the real data

@prophen
Copy link
Contributor

prophen commented Feb 7, 2020

https://deploy-preview-67--tcl-3-smart-shopping-list.netlify.com/

@prophen prophen closed this as completed Feb 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@prophen prophen

@ajiles91 ajiles91

@mikeramz86 mikeramz86

@MonicaDJohnson MonicaDJohnson

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@prophen @ajiles91 @stacietaylorcima @mikeramz86 @MonicaDJohnson