NexGenStudioDev / NexGenStudioDev/ciitm-frontend
Create Profile Page Based on Figma Design
Open
@abhishek-nexgen-dev is already working on this.
Since Jul 2, 2025.
atomic-design
best-practices
Ciitm Frontend
enhancement
feature-request
good first issue
help wanted
Important
onlydust-wave
Responsive
Ui Update
- Dominant language
- JavaScript
- Stars
- 9
- Forks
- 39
- PR merge metrics
- No merged PRs in 30d
Description
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.