\n 📝 CV Information\n

\n\n

\n {/* Personal Information */}\n

Personal Information

\n \n Full Name *\n \n updateField(\"fullName\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"John Doe\"\n />\n

\n \n Email *\n \n updateField(\"email\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"john@example.com\"\n />\n

\n \n Phone *\n \n updateField(\"phone\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"+1 (555) 123-4567\"\n />\n

\n \n Career Objective (Optional)\n \n updateField(\"objective\", e.target.value)}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"A brief statement about your career goals...\"\n />\n

\n\n {/* Work Experience */}\n

Work Experience

\n \n + Add Job\n \n

\n {cvData.workExperience.map((exp, index) => (\n

Job #{index + 1}

\n removeWorkExperience(index)}\n className=\"text-red-600 hover:text-red-800 text-sm\"\n >\n Remove\n \n

\n updateWorkExperience(index, \"jobTitle\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"Job Title\"\n />\n updateWorkExperience(index, \"company\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"Company Name\"\n />\n updateWorkExperience(index, \"years\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"2020 - 2023\"\n />\n

\n \n Responsibilities\n \n {exp.responsibilities.map((resp, respIndex) => (\n

\n updateResponsibility(index, respIndex, e.target.value)}\n className=\"flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"Describe your responsibility...\"\n />\n removeResponsibility(index, respIndex)}\n className=\"px-2 py-2 text-red-600 hover:text-red-800\"\n >\n ✕\n \n

\n ))}\n addResponsibility(index)}\n className=\"text-sm text-blue-600 hover:text-blue-800\"\n >\n + Add Responsibility\n \n

\n ))}\n

\n\n {/* Education */}\n

Education

\n \n + Add Education\n \n

\n {cvData.education.map((edu, index) => (\n

Education #{index + 1}

\n removeEducation(index)}\n className=\"text-red-600 hover:text-red-800 text-sm\"\n >\n Remove\n \n

\n updateEducation(index, \"degree\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"Degree (e.g., Bachelor of Science in Computer Science)\"\n />\n updateEducation(index, \"school\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"School/University Name\"\n />\n updateEducation(index, \"year\", e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"Graduation Year (e.g., 2023)\"\n />\n

\n ))}\n

\n\n {/* Skills */}\n

\n \n Skills (comma-separated)\n \n updateSkills(e.target.value)}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"JavaScript, React, Node.js, Python, SQL...\"\n />\n

\n\n {/* Certifications */}\n

\n \n Certifications (comma-separated, optional)\n \n updateCertifications(e.target.value)}\n rows={2}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"AWS Certified Developer, Google Analytics Certified...\"\n />\n

\n\n {/* Projects */}\n

\n \n Projects/Accomplishments (one per line, optional)\n \n updateProjects(e.target.value)}\n rows={4}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white\"\n placeholder=\"Built an e-commerce platform using React and Node.js Led a team of 5 developers on a mobile app project Increased website performance by 40%\"\n />\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/La_layefah/untitled-5501/code/frontend/components/CVForm.tsx","extension","actionData","errors"]