Human Resources - Scorecard React Developer

This is what the template looks like as a data form.
We show you how to import this template here:
Data Forms templates - How to export and import templates | Import templates
{
  "id": "hr-scorecard-react-developer",
  "name": "Scorecard React Developer",
  "description": "A comprehensive scorecard for evaluating candidates for the React Developer position, focusing on technical skills, frameworks, development practices, soft skills, and cultural fit.",
  "metadata": {
    "created": "2024-03-30T01:01:01.000+0000",
    "updated": "2024-11-27T01:01:01.000+0000",
    "creator": {
      "id": "evolu.software"
    },
    "updater": {
      "id": "evolu.software"
    },
    "version": 2,
    "template": {
      "id": "${cid}-${uuid}",
      "name": "${cid} Scorecard React Developer ${yyyy-mm-dd}"
    }
  },
  "section": [
    {
      "id": "overview",
      "name": "Overview",
      "field": [
        {
          "id": "score",
          "name": "Scorecard Score",
          "description": "(Calculated)"
        },
        {
          "id": "details",
          "name": "Overall Impression and Recommendation",
          "description": "Summarize the candidate's overall suitability for the position based on the criteria below and recommend the appropriate next steps or other considerations.",
          "value": "",
          "required": false
        }
      ]
    },
    {
      "id": "technical-skills",
      "name": "Technical Skills",
      "description": "Evaluation of the candidate's technical proficiency in React and related technologies.",
      "field": [
        {
          "id": "react-fundamentals",
          "name": "React Fundamentals",
          "value": "",
          "description": "Rate the candidate’s grasp on React’s core concepts such as JSX, components, state, and props.",
          "required": false
        },
        {
          "id": "state-management",
          "name": "State Management",
          "description": "Evaluate experience with libraries like Redux or Context API for managing app state.",
          "value": "",
          "required": false
        },
        {
          "id": "hooks-lifecycle",
          "name": "Hooks and Lifecycle",
          "description": "Assess understanding of React Hooks and lifecycle methods for managing component state and side effects.",
          "value": "",
          "required": false
        },
        {
          "id": "performance-optimization",
          "name": "Performance Optimization",
          "description": "Gauge techniques used for enhancing app performance, such as memoization and lazy loading.",
          "value": "",
          "required": false
        },
        {
          "id": "testing",
          "name": "Testing",
          "description": "Determine familiarity with testing frameworks like Jest and React Testing Library.",
          "value": "",
          "required": false
        },
        {
          "id": "typescript",
          "name": "TypeScript",
          "description": "Examine proficiency in using TypeScript with React to ensure type safety and scalability.",
          "value": "",
          "required": false
        }
      ]
    },
    {
      "id": "frameworks-libraries",
      "name": "Frameworks and Libraries",
      "description": "Evaluation of the candidate's knowledge and experience with essential frameworks and libraries used alongside React.",
      "field": [
        {
          "id": "routing",
          "name": "Routing",
          "description": "Evaluate the candidate's experience with React Router for app navigation.",
          "value": "",
          "required": false
        },
        {
          "id": "ui-libraries",
          "name": "UI Libraries",
          "description": "Assess use of UI libraries like Material-UI or Ant Design for building user interfaces.",
          "value": "",
          "required": false
        },
        {
          "id": "state-management-libraries",
          "name": "State Management Libraries",
          "description": "Review proficiency with advanced state management libraries beyond Redux, such as MobX or Recoil.",
          "value": "",
          "required": false
        }
      ]
    },
    {
      "id": "development-practices",
      "name": "Development Practices",
      "description": "Assessment of the candidate's adherence to best development practices.",
      "field": [
        {
          "id": "version-control",
          "name": "Version Control",
          "description": "Confirm mastery over version control systems, especially Git, for collaborative development.",
          "value": "",
          "required": false
        },
        {
          "id": "responsive-design",
          "name": "Responsive Design",
          "description": "Judge the candidate’s ability to create flexible, responsive designs using CSS or CSS-in-JS libraries.",
          "value": "",
          "required": false
        },
        {
          "id": "api-integration",
          "name": "API Integration",
          "description": "Assess skill in integrating RESTful or GraphQL APIs seamlessly within React applications.",
          "value": "",
          "required": false
        },
        {
          "id": "deployment",
          "name": "Deployment",
          "description": "Verify understanding of deployment processes and familiarity with deployment tools.",
          "value": "",
          "required": false
        }
      ]
    },
    {
      "id": "soft-skills",
      "name": "Soft Skills",
      "description": "Evaluation of the candidate's soft skills essential for team collaboration and project success.",
      "field": [
        {
          "id": "problem-solving",
          "name": "Problem Solving",
          "description": "Measure the candidate’s approach to tackling complex programming challenges.",
          "value": "",
          "required": false
        },
        {
          "id": "communication",
          "name": "Communication",
          "description": "Evaluate clarity, coherence, and effectiveness in verbal and written communication.",
          "value": "",
          "required": false
        },
        {
          "id": "team-collaboration",
          "name": "Team Collaboration",
          "description": "Review the candidate’s experience and effectiveness in working within development teams.",
          "value": "",
          "required": false
        }
      ]
    },
    {
      "id": "cultural-fit",
      "name": "Cultural Fit",
      "description": "Assessment of how well the candidate's values and work style align with the company culture and team dynamics.",
      "field": [
        {
          "id": "adaptability",
          "name": "Adaptability",
          "description": "Assess willingness to learn and adapt to new technologies and changing project needs.",
          "value": "",
          "required": false
        },
        {
          "id": "passion-for-development",
          "name": "Passion for Development",
          "description": "Gauge genuine interest in keeping up with React and front-end development trends.",
          "value": "",
          "required": false
        },
        {
          "id": "company-values-alignment",
          "name": "Alignment with Company Values",
          "description": "Examine how well the candidate’s personal values and mission align with those of your company.",
          "value": "",
          "required": false
        }
      ]
    }
  ],
  "data": {
    "score": {
      "type": "calculated",
      "value": "",
      "config": {
        "calc": "#variableTechnicalSkills(react-fundamentals state-management + hooks-lifecycle + performance-optimization + testing + typescript + 6 /)\n#variableFrameworksLibraries(routing ui-libraries + state-management-libraries + 3 /)\n#variableDevelopmentPractices(version-control responsive-design + api-integration + deployment + 4 /)\n#variableSoftSkills(problem-solving communication + team-collaboration + 3 /)\n#variableCulturalFit(adaptability passion-for-development + company-values-alignment + 3 /)\n$variableTechnicalSkills 40 * $variableFrameworksLibraries 20 * + $variableDevelopmentPractices 20 * + $variableSoftSkills 10 * + $variableCulturalFit 10 * + 100 / 2 $round",
        "calcFormat": [
          {
            "end": "",
            "color": "#3ab4f2",
            "fontcolor": "#000000",
            "start": "9"
          },
          {
            "color": "#ffb200",
            "fontcolor": "#000000",
            "end": "9",
            "start": "5"
          },
          {
            "color": "#ffcb42",
            "fontcolor": "#000000",
            "end": "5",
            "start": "1"
          },
          {
            "color": "#fff4cf",
            "fontcolor": "#000000",
            "end": "1",
            "start": "0"
          }
        ]
      }
    },
    "react-fundamentals": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "state-management": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "hooks-lifecycle": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "performance-optimization": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "testing": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "typescript": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "routing": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "ui-libraries": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "state-management-libraries": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "version-control": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "responsive-design": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "api-integration": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "deployment": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "problem-solving": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "communication": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "team-collaboration": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "adaptability": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "passion-for-development": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "company-values-alignment": {
      "type": "rating",
      "allowedValues": [
        {
          "name": "Poor",
          "icon": "square-blue",
          "value": 0
        },
        {
          "name": "Fair",
          "icon": "square-blue",
          "value": 2.5
        },
        {
          "name": "Good",
          "icon": "square-blue",
          "value": 5
        },
        {
          "name": "Very Good",
          "icon": "square-blue",
          "value": 7.5
        },
        {
          "name": "Excellent",
          "icon": "square-blue",
          "value": 10
        }
      ],
      "value": ""
    },
    "details": {
      "type": "markdown",
      "value": ""
    }
  }
}