[FEATURE] Add Certificates Section to Resume Builder
Is your feature request related to a problem? Please describe.
Currently, users cannot properly showcase their professional certifications in their resumes. While some users add certificates under education or as plain text in other sections, there's no dedicated, structured way to present certifications. This is particularly important for IT, professional services, and regulated industries where certifications carry significant weight.
Describe the solution you'd like
Add a dedicated Certificates section that should:
- Data Structure:
- Certificate name
- Issuing organization
- Issue date
- Expiration date (optional)
- Credential ID
- Verification URL
- Badge/Logo (optional)
- Status (active, expired, in progress)
- UI Implementation:
- Add new form component
app/components/form/certificates.vue - Insert after Projects section in the default layout (as seen in
resumeStyleDefaults.ts) - Use existing
FormCollapsibleandUFormcomponents for consistency - Implement similar structure to Projects section
- Data Management:
- Update
types.d.tsto include Certificate interface - Modify
resumeData.tsandrefResumeData.tsto include certificates state - Add certificate data to import/export functionality
- Layout Integration:
- Add to
layout.sectionsinresumeStyleDefaults.tsafter projects - Default to
enabled: true - Support both one-column and two-column layouts
Describe alternatives you've considered
- Adding certificates as a subsection under Education
- Creating a more generic "Achievements" section that includes certificates
- Adding certificate fields to existing sections (Education/Experience)
- Implementing as tags/badges within other sections
Additional context
- Should follow the same component patterns as seen in
app/components/form/projects.vue - Needs to integrate with existing form components and styling
- Will require updates to the resume preview component
- Should support the same collapsible functionality as other sections
- Consider adding common certificate presets for popular certifications
- Will need to update the layout type definitions in
resumeStyleDefaults.ts