Skill Profiling, Competency Profiling

Skills Profiler Plugin without proficiency rating

Bootstrap 5.2 installed
HTML/CSS/JS

Skills Search PluginCheckout Demo

Download and Edit the HTML file from the below linkindex.html

Create a Js file like main.js and import the Skill Plugin class


  const plugin = new IysFunctionalAreasPlugin({
    ApiKey: "<API KEY>",
    divID: "serachid",
    onSearchSkillClick: selectedSkill,
    selectedSkilldiv: "selectSkill",
    skillPlayground: "skillPlayground",
  });
  plugin.init();

Get Rapid API Key

Result will be like this

Skills Profiler plugin with proficiency ratingCheckout Demo

Download and Edit the HTML file from the below linkindex.html

Change theENDPOINT_URLin theplugin.js


 
const ENDPOINT_URL = "http://localhost:8000/dev-api/";

Result will be like this

Setting to get The Rated Skills


  const plugin = new IysFunctionalAreasPlugin({
    ...
    ratedSkillEvent: ratedSkillEvent,
  });

This is response


  {
    "comment": "sdsd",
    "rating": 2,
    "isot_file_id": "files/988243",
    "isot_file": {
        "_key": "988243",
        "_id": "files/988243",
        "name": "AWS CloudFormation Batch",
        "is_discrete": false,
        "description": null,
        "display_order": 0,
        "child_count": null,
        "rating_type": 1,
        "rating_legend": 56,
        "rating": {
            "_key": "56",
            "_id": "rating_options/56",
            "options": [
                "Aware",
                "Familiar",
                "Proficient",
                "Expert"
            ]
        },
        "tags": [
            "tags/36669670"
        ],
        "tags_data": [
            {
                "_key": "36669670",
                "_id": "tags/36669670",
                "title": "Tools and Technologies"
            }
        ]
    }
};

Skill Plugin Docs

Let’s connect!