Job Requirements

\n \n

\n \n Job Title\n \n setTitle(e.target.value)}\n placeholder=\"e.g., Senior Software Engineer\"\n required\n />\n

\n \n

\n \n Job Description\n \n setDescription(e.target.value)}\n placeholder=\"Describe the job responsibilities and requirements...\"\n required\n />\n

\n \n

\n \n Required Skills (comma-separated)\n \n setRequiredSkills(e.target.value)}\n placeholder=\"e.g., JavaScript, React, Node.js\"\n required\n />\n

\n \n

\n \n Preferred Skills (comma-separated)\n \n setPreferredSkills(e.target.value)}\n placeholder=\"e.g., TypeScript, AWS, Docker\"\n />\n

\n \n

\n \n Minimum Experience (years)\n \n setMinimumExperience(e.target.value)}\n placeholder=\"e.g., 3\"\n min=\"0\"\n />\n

\n \n

\n \n Save Job Requirements\n \n

\n \n {jobs.length > 0 && (\n

Existing Job Requirements

\n setShowExisting(!showExisting)}\n className=\"text-blue-600 hover:text-blue-800\"\n >\n {showExisting ? \"Hide\" : \"Show\"} ({jobs.length})\n \n

\n \n {showExisting && (\n

\n \n \n \n \n \n \n \n \n \n \n \n {jobs.map((job) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Title\n	\n Required Skills\n	\n Min. Experience\n	\n Date\n	\n Actions\n
\n \n {job.title}\n \n	\n \n {job.requiredSkills.slice(0, 3).map((skill, index) => (\n \n {skill}\n \n ))}\n {job.requiredSkills.length > 3 && (\n \n +{job.requiredSkills.length - 3} more\n \n )}\n \n	\n \n {job.minimumExperience ? `${job.minimumExperience} years` : \"Not specified\"}\n \n	\n \n {new Date(job.createdAt).toLocaleDateString()}\n \n	\n handleViewJob(job)}\n className=\"text-blue-600 hover:text-blue-900 mr-3\"\n >\n View\n \n handleScoreWithJob(job.id!)}\n className=\"text-green-600 hover:text-green-900\"\n >\n Score Resumes\n \n

\n )}\n

\n )}\n \n {/* Job View Modal */}\n {selectedJob && (\n

\n {selectedJob.title}\n

\n \n ✕\n \n

\n \n

Description

{selectedJob.description}

\n \n

Required Skills

\n {selectedJob.requiredSkills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n \n {selectedJob.preferredSkills.length > 0 && (\n

Preferred Skills

\n {selectedJob.preferredSkills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n )}\n \n

Minimum Experience

\n {selectedJob.minimumExperience \n ? `${selectedJob.minimumExperience} years` \n : \"Not specified\"}\n

\n \n

\n handleUseJob(selectedJob)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700\"\n >\n Use This Job\n \n handleScoreWithJob(selectedJob.id!)}\n className=\"bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700\"\n >\n Score Resumes\n \n \n Close\n \n

\n )}\n \n {/* Sample Job */}\n

Sample Job Requirements

\n You can use these sample job requirements to test the system:\n

\n {\n setTitle(sampleJobs[0].title);\n setDescription(sampleJobs[0].description);\n setRequiredSkills(sampleJobs[0].requiredSkills.join(\", \"));\n setPreferredSkills(sampleJobs[0].preferredSkills.join(\", \"));\n setMinimumExperience(sampleJobs[0].minimumExperience?.toString() || \"\");\n }}\n className=\"text-blue-600 hover:text-blue-800 mb-2\"\n >\n Load Software Engineer Job\n \n {\n setTitle(sampleJobs[1].title);\n setDescription(sampleJobs[1].description);\n setRequiredSkills(sampleJobs[1].requiredSkills.join(\", \"));\n setPreferredSkills(sampleJobs[1].preferredSkills.join(\", \"));\n setMinimumExperience(sampleJobs[1].minimumExperience?.toString() || \"\");\n }}\n className=\"text-blue-600 hover:text-blue-800 mb-2\"\n >\n Load Data Scientist Job\n \n

\n );\n};\n\n// Sample job requirements for testing\nconst sampleJobs = [\n {\n title: \"Senior Software Engineer\",\n description: `We are looking for a Senior Software Engineer to join our team and help build scalable web applications. The ideal candidate has strong experience with modern JavaScript frameworks and cloud technologies.\n\nResponsibilities:\n- Design and implement new features for our web applications\n- Write clean, maintainable, and efficient code\n- Collaborate with cross-functional teams to define and implement new features\n- Troubleshoot and fix bugs in existing applications\n- Mentor junior developers and conduct code reviews`,\n requiredSkills: [\"JavaScript\", \"React\", \"Node.js\", \"REST API\"],\n preferredSkills: [\"TypeScript\", \"AWS\", \"Docker\", \"GraphQL\", \"CI/CD\"],\n minimumExperience: 3\n },\n {\n title: \"Data Scientist\",\n description: `We are seeking a talented Data Scientist to help us extract insights from our data and build machine learning models. The ideal candidate has strong statistical knowledge and programming skills.\n\nResponsibilities:\n- Analyze large datasets to extract actionable insights\n- Develop and implement machine learning models\n- Create data visualizations to communicate findings\n- Collaborate with engineering teams to implement models in production\n- Stay up-to-date with the latest research and technologies in the field`,\n requiredSkills: [\"Python\", \"Machine Learning\", \"SQL\", \"Data Analysis\"],\n preferredSkills: [\"TensorFlow\", \"PyTorch\", \"NLP\", \"Big Data\", \"Cloud Computing\"],\n minimumExperience: 2\n }\n];\n\nexport default JobForm;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Akashashn/Akash/code/frontend/components/JobForm.tsx","extension","actionData","errors"]