Emoji Picker component for React Applications on the web
74
{
"context": "This criteria evaluates how well the engineer uses emoji-picker-react's category navigation features to customize the emoji picker. It focuses on proper usage of the categories prop, categoriesConfig prop, and onEmojiClick callback to achieve the specified category filtering, ordering, naming, and click handling requirements.",
"type": "weighted_checklist",
"checklist": [
{
"name": "EmojiPicker Component Import",
"description": "Correctly imports the EmojiPicker component from emoji-picker-react (default import or named import)",
"max_score": 10
},
{
"name": "Categories Prop Usage",
"description": "Uses the 'categories' prop with the Categories enum to specify and order the 4 required categories (FOOD_DRINK, ANIMALS_NATURE, ACTIVITIES, TRAVEL_PLACES) in the correct order",
"max_score": 25
},
{
"name": "Categories Enum Import",
"description": "Imports the Categories enum from emoji-picker-react to specify category values properly",
"max_score": 10
},
{
"name": "Custom Category Names",
"description": "Uses the 'categoriesConfig' prop to provide custom names for all 4 categories with the correct mappings (Yummy, Wildlife, Fun Stuff, Destinations)",
"max_score": 25
},
{
"name": "onEmojiClick Handler",
"description": "Implements the 'onEmojiClick' prop with a callback function that receives EmojiClickData",
"max_score": 15
},
{
"name": "Emoji Data Access",
"description": "Correctly accesses the emoji character from the EmojiClickData object (e.g., emojiObject.emoji) in the click handler",
"max_score": 10
},
{
"name": "Console Logging",
"description": "Logs the emoji character to the console within the click handler as specified",
"max_score": 5
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-emoji-picker-reactevals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10