Description
Design and implement the User Profile Page for authenticated users.
After successful login or registration, users should be able to view their profile information such as name, email, and optionally order history or cart summary.
UI / Design
- Follow the existing UI design system (colors, spacing, typography).
- Page layout includes:
- User full name and email.
- Show a clean, responsive layout suitable for mobile and desktop.
Functionality
- Fetch and display current user details from
/api/users.
- Page should only be accessible to authenticated users.
- Redirect unauthenticated users to the login page.
Security
- Protect the route with frontend auth guard (Private Route).
- Fetch user data using stored JWT token in
Authorization header.
- Never expose sensitive information (passwords, tokens, etc.).
Example Endpoints
GET /api/users → Returns authenticated user info (from token).
Assets
Acceptance Criteria
- Profile page accessible only to authenticated users.
- User details display correctly after login.
- Responsive and visually consistent with the app’s theme.
- Proper logout and redirect functionality.
Description
Design and implement the User Profile Page for authenticated users.
After successful login or registration, users should be able to view their profile information such as name, email, and optionally order history or cart summary.
UI / Design
Functionality
/api/users.Security
Authorizationheader.Example Endpoints
GET /api/users→ Returns authenticated user info (from token).Assets
Acceptance Criteria