Example Job Post Wizard

job-post.json

{
  "steps": [
    {
      "title": "Ready to Post a Gig?",
      "body": "Just follow the following prompts to build your job post. You'll have a chance to review and edit everything before you submit.",
      "actions": [
        {
          "component": "Button",
          "text": "Giddy Up",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "Describe Your Job",
      "body": "The next few steps will help you describe the role and craft a complete, compelling job description.",
      "actions": [
        {
          "component": "Button",
          "text": "OK",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "The Title",
      "body": "Write a brief clear title for the job",
      "actions": [
        {
          "component": "TextField",
          "field": "title",
          "placeholder": "Example: Senior Fullstack Ruby Developer"
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "What You'll Build",
      "body": "Tell the applicant what your software solves for users in 1-3 sentences",
      "actions": [
        {
          "component": "TextField",
          "inputType": "textarea",
          "rows": 6,
          "field": "description1",
          "placeholder": "Example: Our mission is to empower patient ot have more control over their healthcare. We're building an application that helps patients check-in to docor appointments faster."
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "What You'll Contribute",
      "body": "Give some examples of the actual tasks they'll be doing in the role",
      "actions": [
        {
          "component": "TextField",
          "inputType": "textarea",
          "rows": 6,
          "field": "description2",
          "placeholder": "Example: In this role, you'll build data models to integrate EHR data into a streamlined interface for patients."
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "What You'll Experience",
      "body": "Give freelances a sense of your team's style and cultureal values to get them excited about your gig. 2-3 sentences.",
      "actions": [
        {
          "component": "TextField",
          "field": "description3",
          "inputType": "textarea",
          "autofocus": true,
          "rows": 6,
          "placeholder": "Example: We are a fast-paced team working in a high growth industry. Our team believes in strong collaboration, thorough documentation, and clear goals for sprints and milestone"
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "Technical Skills",
      "body": "The ideal set of skills to be successful in this role.",
      "actions": [
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "Time and Duration",
      "actions": [
        {
          "component": "SelectField",
          "label": "How many hours per week do you estimate booking with the freelancer?",
          "field": "timeCommitment",
          "options": "timeCommitments"
        },
        {
          "component": "SelectField",
          "label": "How long do you anticipate the job lasting?",
          "field": "duration",
          "options": "durations"
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "Geography",
      "body": "Please select the parts of the world you'd like to tap for candidates",
      "actions": [
        {
          "component": "SelectField",
          "field": "timeCommitment",
          "options": "geoPreferences",
          "multiSelect": true
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "Short Description",
      "body": "Create a short description (for Slack and email notifications to freelances)",
      "actions": [
        {
          "component": "TextField",
          "field": "description3",
          "inputType": "textarea",
          "autofocus": true,
          "rows": 6,
          "placeholder": "Example: Innovative healthcare startup looking for a Senior FullStack dev to help build a webapp for hospital patients."
        },
        {
          "component": "Button",
          "text": "Next",
          "action": "nextStep"
        }
      ]
    },
    {
      "title": "Great Work!",
      "body": "Click next to review your job post details and make any changes or adjustments you'd like. When you're ready, click Submit to send to us for review.",
      "actions": [
        {
          "component": "Button",
          "text": "Preview Job Post",
          "action": "preview"
        }
      ]
    }
  ]
}