[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6a096181345481919488e812a17dfa29","versionInt","title","Engineering Material Selection Website","type","code/react","content","import { useState } from 'react';\n\nconst materials = [\n {\n material: 'Mild Steel',\n hardness: 'Low',\n strength: 'Medium',\n machining: 'Excellent',\n welding: 'Excellent',\n finishing: 'Good',\n application: 'Structure'\n },\n {\n material: 'EN8',\n hardness: 'Medium',\n strength: 'Medium',\n machining: 'Good',\n welding: 'Good',\n finishing: 'Good',\n application: 'Shaft'\n },\n {\n material: 'EN19',\n hardness: 'High',\n strength: 'High',\n machining: 'Fair',\n welding: 'Good',\n finishing: 'Good',\n application: 'Heavy Shaft'\n },\n {\n material: 'EN24',\n hardness: 'High',\n strength: 'Very High',\n machining: 'Fair',\n welding: 'Fair',\n finishing: 'Good',\n application: 'Gear'\n },\n {\n material: 'SS304',\n hardness: 'Medium',\n strength: 'Medium',\n machining: 'Fair',\n welding: 'Excellent',\n finishing: 'Excellent',\n application: 'Food Industry'\n },\n {\n material: 'SS316',\n hardness: 'Medium',\n strength: 'Medium',\n machining: 'Fair',\n welding: 'Excellent',\n finishing: 'Excellent',\n application: 'Chemical Plant'\n }\n];\n\nexport default function EngineeringMaterialSelectionWebsite() {\n const [formData, setFormData] = useState({\n hardness: '',\n strength: '',\n machining: '',\n welding: '',\n finishing: '',\n application: ''\n });\n\n const calculateScore = (material) => {\n let score = 0;\n\n if (formData.hardness === material.hardness) score += 20;\n if (formData.strength === material.strength) score += 20;\n if (formData.machining === material.machining) score += 15;\n if (formData.welding === material.welding) score += 15;\n if (formData.finishing === material.finishing) score += 15;\n if (formData.application === material.application) score += 15;\n\n return score;\n };\n\n const getBestMaterial = () => {\n const scoredMaterials = materials.map((material) => ({\n ...material,\n score: calculateScore(material)\n }));\n\n scoredMaterials.sort((a, b) => b.score - a.score);\n\n return scoredMaterials[0];\n };\n\n const getRecommendation = () => {\n if (\n formData.hardness === 'High' &&\n formData.strength === 'High' &&\n formData.application === 'Heavy Shaft'\n ) {\n return 'Recommended Material: EN19';\n }\n\n if (\n formData.strength === 'Very High' &&\n formData.application === 'Gear'\n ) {\n return 'Recommended Material: EN24';\n }\n\n if (\n formData.welding === 'Excellent' &&\n formData.finishing === 'Excellent' &&\n formData.application === 'Food Industry'\n ) {\n return 'Recommended Material: SS304';\n }\n\n if (\n formData.welding === 'Excellent' &&\n formData.application === 'Chemical Plant'\n ) {\n return 'Recommended Material: SS316';\n }\n\n if (\n formData.machining === 'Excellent' &&\n formData.application === 'Structure'\n ) {\n return 'Recommended Material: Mild Steel';\n }\n\n const bestMaterial = getBestMaterial();\n\n if (bestMaterial && bestMaterial.score > 0) {\n return `${bestMaterial.material} | Match Score: ${bestMaterial.score}%`;\n }\n\n return 'No exact material found. Please refine selection.';\n };\n\n const handleSelectChange = (field, value) => {\n setFormData((prev) => ({\n ...prev,\n [field]: value\n }));\n };\n\n return (\n

\n Engineering Material Selection System\n

\n AI-Based Material Recommendation & Engineering Database\n

\n\n

\n Auto Material Recommendation System\n

\n\n

\n handleSelectChange('hardness', e.target.value)}\n >\n \n \n \n \n \n\n handleSelectChange('strength', e.target.value)}\n >\n \n \n \n \n \n\n handleSelectChange('machining', e.target.value)}\n >\n \n \n \n \n \n \n\n handleSelectChange('welding', e.target.value)}\n >\n \n \n \n \n \n \n\n handleSelectChange('finishing', e.target.value)}\n >\n \n \n \n \n \n \n\n handleSelectChange('application', e.target.value)}\n >\n \n \n \n \n \n \n \n \n

\n\n

\n {getRecommendation()}\n

\n\n

Selection Parameters

• Hardness
• Strength
• Machining Ability
• Welding Ability
• Finishing Ability
• Application Type

\n\n

Common Materials

• Mild Steel
• EN8
• EN19
• EN24
• SS304
• SS316

\n\n

ISO Standards

• ISO 630
• ISO 683
• ISO 683-1
• ISO 15510
• ISO 4957

\n\n

Engineering Material Database

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n {materials.map((item) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

Material	Hardness	Strength	Machining	Welding	Finishing	Application
{item.material}	{item.hardness}	{item.strength}	{item.machining}	{item.welding}	{item.finishing}	{item.application}

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","7170619741787993613","traceTime",1779266611632]