Create User Profile Page (Frontend UI + Integration)

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.

assign me this issue, but i cant see the repo for getting code could you help me providing the repo

@SaiSathwikAnchuri

@SaiSathwikAnchuri check this for the frontend repo.

@Alexandrbig1

@Alexandrbig1 Can I work on this ?

@shiv7shukla, yes, of course. I've assigned you to this task. Looking forward to your PR's.

@Alexandrbig1

@Alexandrbig1 How do I fetch user data from JWT? Does the payload contain all the data of the user or only the username?
Also I don't see Popup dialog component in the repo; was it removed ?

@shiv7shukla, when the user is logged in, it responds with:

"user": {
        "name": "username",
        "email": "@mail.com"
    }

Or you can call https://corexshoptest.onrender.com/api/users/current with the provided token when the user logs in and retrieve this data:

{
    "id": "",
    "name": "username",
    "email": "@mail.com"
}

Navigation Menu

Repository navigation

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

Description

UI / Design

Functionality

Security

Example Endpoints

Assets

Acceptance Criteria

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

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

Description

Description

UI / Design

Functionality

Security

Example Endpoints

Assets

Acceptance Criteria

Activity

SaiSathwikAnchuri commented on Oct 25, 2025

AparAgarwal commented on Oct 25, 2025

builtby-SHIV commented on Oct 27, 2025

Alexandrbig1 commented on Oct 27, 2025

builtby-SHIV commented on Oct 28, 2025

Alexandrbig1 commented on Oct 29, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions