Portfolio Integration in Dash SaaS

Personal Information Section:

• Enter Name, Role, Email, and Add Experience Years as a numeric value.
• Upload Your Photo using the media picker for profile display
• Include Education Background details such as your degree, university, certification, or educational qualifications.
• After completing the Personal Information section, click the “Next” button to proceed to the Work Details section.

Work Details Section:

• Enter Work Title, Add Brief Description, Select Work Category from dropdown (Here displays only active categories from the Portfolio Category management ).
• Add Client/Company name (the organization you worked with), Include Live URL (link to the live project or website), and Add Source/Repository URL (link to code repository like GitHub).
• Use the Skills/Tools Used tags input to add multiple technologies, programming languages, or tools used. Specify Duration (how long the project took to complete)
• Add Team Size, Set Timeline with Start Date and End Date using date pickers,Include Budget/Value (project cost or value), and Add Industry information.
• After completing the Work Details section, click “Next” to continue to the Work Overview section.

Work Overview Section:

• Write a detailed Description using the rich text editor with formatting options
• Use the Show Overview toggle switch to control whether this section appears on the frontend
• Click “Next” to proceed to the Gallery and Contact sections.

Gallery Section:

• Upload multiple Images for the project showcase using the media picker
• Add Video Link for project demonstrations or walkthroughs
• Use the Show Gallery toggle switch to control section visibility on the frontend

Contact Section:

• Enter Contact Heading (title for the contact section)
• Add Contact Message (invitation or description for potential clients)
• Use the Show Contact toggle switch to control section visibility on the frontend
• Click “Next” to access the Custom Sections.

Custom Sections:

• Add dynamic sections with a custom Title and rich text Content
• Use the “Add Section” button to create multiple custom sections
• Each section can have its own title and detailed content
• Remove sections using the delete button for each section

• The table displays Photo, Name, Work Title, Client Company, Role, Experience, and Category columns.
• Click the Copy button in the action column to copy the link and view the Portfolio.
• Click the Edit button in the action column to modify the portfolio information.
• Click the Delete button in the action column to remove the portfolio permanently.

Front-End Display

• Use the Copy button to copy and open the front-end link of the portfolio. When the copied link is opened in the browser, it displays a comprehensive portfolio showcase featuring:
• Hero Section: Displays project title, brief description, category badge, action buttons (View Live Work, View Details), key technologies, and profile with photo and experience details.
• Dynamic Navigation Tabs: Automatically generated tabs based on enabled sections (Overview, Gallery, Custom Sections) that adapt to toggle settings.
• Overview tab showing detailed project description and complete skills/tools list .Gallery tab with embedded video player and responsive image grid
• Custom sections displaying user-defined content with rich formatting
• Project details, including client/company, duration, team size, role, timeline, budget, industry, and education background, with a prominent contact CTA card.
• The frontend automatically hides sections that are disabled or have no content, ensuring a clean and professional presentation.