[Feature Request]: Create a Profile Page Layout Component
RISHIKESHk07 opened this issue · 10 comments
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:
- Profile details component: This component should display the user's avatar and credentials .
- Upcoming journey layout component: Display Upcoming journey layout as per figma design .
- Completed journey layout component: Display Completed journey layout as per figma design .
- 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
Describe the solution you'd like
Tasks
- Create the profile details component according to the Figma design .
- Design the Completed journey layout component & Upcoming journey layout component
- Ensure responsiveness on all screens
Additional Details
- Use appropriate colors, fonts, and spacing as per the design.
- Consider responsiveness for different screen sizes.
- Ensure consistency with the overall design theme.
Describe alternatives you've considered
No response
Developer Help
No response
@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.
@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.
@rohansen856 DM your email on discord
@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...
layout with demo cards:
@RISHIKESHk07 i have opened a pull request #83 solving this issue. thank you.
@rohansen856 the user details can be obtained from AuthStore context .
@RISHIKESHk07 ok.. i will implement that and also make it a protected route.
@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) .
@RISHIKESHk07 i have updated the profile page accrording to the figma file along with adding user auth in pr #83. thank you.