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.

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

Profile page initial design #36

Open
6 tasks
Tschonti opened this issue Jul 31, 2024 · 0 comments
Open
6 tasks

Profile page initial design #36

Tschonti opened this issue Jul 31, 2024 · 0 comments
Assignees
Labels

Comments

@Tschonti
Copy link
Member

Tschonti commented Jul 31, 2024

This is the current profile page: https://www.figma.com/design/HQPHAlEY3xue2MeUq9Xoue/BeAlcoholic?node-id=1-2

Create the initial design for the user profile page using mock data. It should be accessible under users/:userid The following things should be displayed:

  • Profile photo (or just the initials with some background color, if no pic provided) (shadcn component)
  • user's full name
  • their blood alcohol level (shadcn component)
  • their 3 favourite drinks and how many times they consumed each
  • a button that opens a dialog where the user can choose their fav drinks. (doesn't have to work, just open a dialog) (shadcn component)
  • how much money they have spent monthly in the past year. This can be displayed on a bar chart, or just simple list/table for now.

Optionally also design the page to be usable on mobile phones.

@pem00 pem00 self-assigned this Aug 15, 2024
@Tschonti Tschonti changed the title Rethink the profile page Profile page initial design Aug 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants