I want access to individual profile pages for each member of my family, where I can view their details, while being able to modify settings exclusively on my own profile page,
so that I can manage my personal information efficiently and stay informed about other family members' details.
Description
Acceptance Criteria
There should be a link to a profile page of the current user in the app's header at the rigth top with user's name.
Clicking on the link should navigate the user to his own profile page by default.
On user's profile page, he should be able to view his personal details such as his name, role, profile picture or default picture and the settings.
User should also be able to modify the app settings from his profile page.
In the family page, each family member's preview should be clickable, allowing the user to access their detailed profile.
The profile page of other family members should display detailed information about the selected family member, including their name, role and profile picture.
On the profile page of each family member, there should be a "Back" button.
Clicking on the "Back" button should navigate the user back to the previous page.
[ ] create a Schema for Family and a families collection in the database.
[ ] add fields family and profilePhoto to the Member Schema.
[ ] create temporary user data in _app.js for the current user until user login is implemented.
[ ] create a page /family/[id].index.js for member profile pages with dynamic route and render the member data there conditionally, if the member id equals current user id, then show the settings section with ThemeToggle component.
[ ] render a Link component with the current user's photo (or default image) and the name in Header instead of the ThemeToggle component with reference to the current user's profile page
[ ] render a "Back" button in /family/[id].index.js and implement a logic to navigate the user back to the previous page upon its clicking
Profile Page
Value Proposition
As a registered user and a family member,
I want access to individual profile pages for each member of my family, where I can view their details, while being able to modify settings exclusively on my own profile page,
so that I can manage my personal information efficiently and stay informed about other family members' details.
Description
Acceptance Criteria
Tasks
feature/user-profile-page
Family
and afamilies
collection in the database.family
andprofilePhoto
to the Member Schema.ThemeToggle
component.Link
component with the current user's photo (or default image) and the name inHeader
instead of theThemeToggle
component with reference to the current user's profile pagebutton
in /family/[id].index.js and implement a logic to navigate the user back to the previous page upon its clicking