-
Notifications
You must be signed in to change notification settings - Fork 11
Open
OpenCodeChicago/hacktoberfest-2025-frontend
#230Labels
advancedComplex/advanced tasks or featuresComplex/advanced tasks or featuresaxiosPromise-based HTTP clientPromise-based HTTP clientenhancementNew feature or requestNew feature or requestfrontendTasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)Tasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)hacktoberfestSpecial issue for HacktoberfestSpecial issue for Hacktoberfesthacktoberfest-2025Special issue for Hacktoberfest 2025Special issue for Hacktoberfest 2025reactReact components & UI logicReact components & UI logictailwindTailwind CSS & stylingTailwind CSS & styling
Milestone
Description
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
Authorizationheader. - 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.
Metadata
Metadata
Assignees
Labels
advancedComplex/advanced tasks or featuresComplex/advanced tasks or featuresaxiosPromise-based HTTP clientPromise-based HTTP clientenhancementNew feature or requestNew feature or requestfrontendTasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)Tasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)hacktoberfestSpecial issue for HacktoberfestSpecial issue for Hacktoberfesthacktoberfest-2025Special issue for Hacktoberfest 2025Special issue for Hacktoberfest 2025reactReact components & UI logicReact components & UI logictailwindTailwind CSS & stylingTailwind CSS & styling
Type
Projects
Status
Todo

