Overview
The custom sections feature is flexible and powerful:- Create multiple custom sections (e.g., “Awards”, “Volunteer Work”, “Certifications”)
- Each section can have multiple items
- Each item follows a consistent structure with title, subtitle, dates, and description
Creating a Custom Section
Enter Section Title
In the “Add Custom Section” card, type a title for your new section.Field: Section title (string)Examples:
- Volunteer Experience
- Awards & Recognition
- Certifications
- Publications
- Speaking Engagements
Adding Items to a Section
Once you’ve created a custom section, you can add items to it.Enter Title
The main heading for this item.Field:
title (string)Examples:- Award: “Employee of the Year”
- Volunteer: “Volunteer Coordinator”
- Certification: “AWS Certified Solutions Architect”
Enter Subtitle
The organization or issuing body.Field:
subtitle (string)Examples:- “TechCorp Inc.”
- “Local Food Bank”
- “Amazon Web Services”
Add Start and End Dates
When this item was active or received.Fields:
startDate(string): Format MM/YYYYendDate(string): Format MM/YYYY (can be left blank for one-time awards)
Data Structures
Custom Section
Custom Section Item
Managing Custom Sections and Items
Removing Items
- Click the trash icon in the top-right corner of any item card
- Items fade out smoothly when removed
- If a section has no items, a helpful “No items added yet” message appears
Removing Entire Sections
- Click the trash icon in the section header (next to “Add Item”)
- This removes the entire section and all its items
- Use with caution - there’s no undo!
When you remove a custom section, all items within it are permanently deleted. Make sure to export your data regularly as a backup.
Example Use Cases
Awards Section
Volunteer Work
Certifications
Publications
Form Layout and UX
- Section Creation: Simple input + button form at the top
- Item Forms: Two-column grid for title/subtitle and dates
- Description: Full-width textarea for detailed content
- Animations: Smooth height/opacity transitions using Framer Motion
- Empty States: Clear messaging when sections or items are empty

