NexGenStudioDev/ciitm-frontend
Create Profile Page Based on Figma Design
オープン
#145 opened on 2025/04/13
Ciitm FrontendImportantResponsiveUi Updateatomic-designbest-practicesenhancementfeature-requestgood first issuehelp wantedonlydust-wave
Repository metrics
- Stars
- (9 個のスター)
- PR merge metrics
- (PR metrics pending)
説明
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
- 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