Skip to content

Create User Profile Page (Frontend UI + Integration) #129

@Alexandrbig1

Description

@Alexandrbig1

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

Image

Image


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.

Metadata

Metadata

Assignees

Labels

advancedComplex/advanced tasks or featuresaxiosPromise-based HTTP clientenhancementNew feature or requestfrontendTasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)hacktoberfestSpecial issue for Hacktoberfesthacktoberfest-2025Special issue for Hacktoberfest 2025reactReact components & UI logictailwindTailwind CSS & styling

Projects

Status

Todo

Relationships

None yet

Development

No branches or pull requests

Issue actions