NexGenStudioDev/ciitm-frontend

Create Profile Page Based on Figma Design

Aperta

#145 aperta il 13 apr 2025

 (15 commenti) (1 reazione) (2 assegnatari)JavaScript (39 fork)auto 404
Ciitm FrontendImportantResponsiveUi Updateatomic-designbest-practicesenhancementfeature-requestgood first issuehelp wantedonlydust-wave

Metriche repository

Star
 (9 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

This page allows Admin to view and edit their profile information and social media links, Admins can update their profile picture, name, email, and social links using an intuitive UI.

🖼️ UI Features

Display Admin details:

  • Avatar (Profile Picture)
  • Name
  • Email
  • Social Media Links (Twitter, LinkedIn, GitHub, etc.)

Edit Mode:

  • Clicking the 🖉 (pencil) icon enables editing of the corresponding fields.
  • Profile picture can be uploaded.
  • Social links can be added or updated.

🔄 API Integration

📥 Fetch Existing Admin Info & Social Links

  • fetch profile data and links from the backend.

✏️ Update Admin Profile

PUT /api/admin/profile/edit

✏️ Update Social Link

PUT /api/admin/edit/social/link

Create Social Link

POST  /create/social/link

Figma Link https://www.figma.com/design/gcA03937R5YsmJbQHobc0Z/Untitled?node-id=1-3&t=JHtjXIfau2KAXEVq-0

Guida contributor