Configuration
Learn how to manage your portfolio content through the admin panel
Accessing the Admin Panel
Login to Admin
Navigate to /admin/login and enter your credentials
💡 Security Tip: You can customize the admin URL prefix from the Settings page (e.g., change /admin to /my-secret-panel)
Dashboard Overview
The dashboard gives you a quick overview of your portfolio:
📊 Quick Stats
- • Total projects
- • Total services
- • Total skills
- • Total visitors
📈 Analytics
- • Visitor statistics chart
- • Recent projects list
- • Quick action buttons
Profile Management
Manage your admin account details from the Profile page:
Update Profile Information
- • Change your name
- • Update email address
Change Password
- • Enter current password
- • Set new password
- • Confirm new password
Settings Management
Configure your portfolio's general settings, content, and SEO:
General Settings
- • Site Title: Your portfolio's main title
- • Brand Name: Your brand or company name
- • Admin Prefix: Custom URL prefix for admin panel (default: /admin)
Hero Section
- • Name: Your name displayed in hero
- • Description: Brief introduction text
- • Typing Titles: Animated typing text (comma-separated)
- • CV File: Upload your resume/CV PDF
About Section
- • Paragraph 1 & 2: About me content
- • Profile Image: Upload your photo
- • Personal Info: Birthday, age, degree, phone, email, city, freelance status
- • CV File: Upload CV for about section (can be different from hero CV)
Contact Information
- • Address: Your location
- • Email: Contact email
- • Phone: Contact phone number
Social Media Links
- • GitHub URL
- • LinkedIn URL
- • Twitter URL
- • Instagram URL
SEO Settings
- • Meta Description: Brief description for search engines
- • Meta Keywords: Comma-separated keywords
- • OG Image: Social media preview image
Managing Projects
Add New Project
- 1. Click "Add Project" button
- 2. Enter project title
- 3. Select category (Web, Mobile, Design, etc.)
- 4. Upload project image
- 5. Add description
- 6. Enter project link (optional)
- 7. Set visibility (active/inactive)
- 8. Click "Save"
Edit/Delete Projects
- • Click "Edit" to modify project details
- • Click "Delete" to remove project
- • Use drag-and-drop to reorder projects
- • Toggle active/inactive status
💡 Tip: Inactive projects won't appear on your portfolio page but remain in the database
Managing Services
Add New Service
- 1. Click "Add Service" button
- 2. Enter service title (required)
- 3. Select Font Awesome icon (optional)
- 4. Add description (optional)
- 5. Enter technologies (comma-separated, optional)
- 6. Click "Save"
Finding Icons
Browse Font Awesome icons at fontawesome.com/icons
Example: fas fa-code, fas fa-mobile-alt
Managing Skills
Add New Skill
- 1. Click "Add Skill" button
- 2. Enter skill name
- 3. Select category (e.g., Frontend, Backend, Design)
- 4. Set proficiency level (0-100%)
- 5. Click "Save"
Skill Categories
Organize skills by categories like Frontend, Backend, Design, Tools, etc. Skills are grouped by category on the frontend.
Visitor Analytics
Tracking Features
- • Automatic visitor logging
- • IP address tracking
- • Visit timestamps
- • Interactive charts on dashboard
📊 Analytics: View visitor statistics directly from your dashboard with interactive charts showing traffic over time
✅ You're all set!
You now know how to manage your portfolio content. If you encounter any issues, check the troubleshooting guide.
Troubleshooting Guide →