search

bsoc-bitbyte / busify

A centralised bus ticket booking system that will allow the students to book tickets in advance through an online website, saving time and effort.
https://busify.vercel.app
30 stars 67 forks source link

[Feature Request]: Create a Profile Page Layout Component #81

Closed RISHIKESHk07 closed 3 weeks ago

RISHIKESHk07 commented 4 weeks ago

Is your feature request related to a problem? Please describe.

Create a profile page design according to the provided Figma file . The solution should have three components:

  1. Profile details component: This component should display the user's avatar and credentials .
  2. Upcoming journey layout component: Display Upcoming journey layout as per figma design .
  3. Completed journey layout component: Display Completed journey layout as per figma design .
  4. In the two above points 2 & 3 you need to create just a layout for both of them , not the cards as well , you can leave the cards empty for now .

Figma File

Figma File Link

Describe the solution you'd like

Tasks

Additional Details

Describe alternatives you've considered

No response

Developer Help

No response

rohansen856 commented 4 weeks ago

@RISHIKESHk07 I would like to work on this issue. I will create the Profile page layout according to the figma file and the site theme. Can you please provide access to the figma file as it seems to be protected.

Vaibhavsahu2810 commented 4 weeks ago

@RISHIKESHk07 I would like work on this issue.I will create profile page and make it responsive according to the provided figma file and can you please provide me access of this figma file.

RISHIKESHk07 commented 4 weeks ago

@rohansen856 DM your email on discord

rohansen856 commented 4 weeks ago

@RISHIKESHk07 i have created the responsive profile page layout. i am attaching the screenshots on different device dimensions. please reply if this is ok, or any other changes are needed...

Screenshot 2024-06-04 141132 Screenshot 2024-06-04 141107 Screenshot 2024-06-04 141148

rohansen856 commented 4 weeks ago

layout with demo cards: Screenshot 2024-06-04 144733 Screenshot 2024-06-04 144817 Screenshot 2024-06-04 144805 Screenshot 2024-06-04 144746

rohansen856 commented 4 weeks ago

@RISHIKESHk07 i have opened a pull request #83 solving this issue. thank you.

RISHIKESHk07 commented 4 weeks ago

@rohansen856 the user details can be obtained from AuthStore context .

rohansen856 commented 4 weeks ago

@RISHIKESHk07 ok.. i will implement that and also make it a protected route.

RISHIKESHk07 commented 4 weeks ago

@rohansen856 you can refer the PROFILE Completed version in the figma file , and as for the protected route , it can be done later after we integrate the fetching logic (which will be another issue) .

rohansen856 commented 4 weeks ago

@RISHIKESHk07 i have updated the profile page accrording to the figma file along with adding user auth in pr #83. thank you.