Upload Resume

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

Existing Resumes

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

\n \n {showExisting && (\n

\n \n \n \n \n \n \n \n \n \n \n \n {resumes.map((resume) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Name\n	\n Email\n	\n Score\n	\n Date\n	\n Actions\n
\n \n {resume.candidateName}\n \n	\n {resume.email} \n	\n {resume.score ? (\n = 70 \n ? \"bg-green-100 text-green-800\" \n : resume.score >= 50 \n ? \"bg-yellow-100 text-yellow-800\" \n : \"bg-red-100 text-red-800\"\n }`}>\n {resume.score.toFixed(1)}\n \n ) : (\n Not scored\n )}\n	\n \n {new Date(resume.createdAt).toLocaleDateString()}\n \n	\n handleViewResume(resume)}\n className=\"text-blue-600 hover:text-blue-900\"\n >\n View\n \n

\n )}\n

\n )}\n \n {/* Resume View Modal */}\n {selectedResume && (\n

\n {selectedResume.candidateName}\n

\n \n ✕\n \n

\n \n

\n Email: {selectedResume.email}\n

\n {selectedResume.phone && (\n

\n Phone: {selectedResume.phone}\n

\n )}\n

\n \n {selectedResume.parsedData && (\n

Skills

\n {selectedResume.parsedData.skills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n \n {selectedResume.parsedData.summary && (\n

Summary

{selectedResume.parsedData.summary}

\n )}\n \n {selectedResume.parsedData.experience.length > 0 && (\n

Experience

\n {selectedResume.parsedData.experience.map((exp, index) => (\n

{exp.title}

\n \n {exp.startDate} - {exp.endDate || \"Present\"}\n \n

{exp.company}

{exp.description}

\n ))}\n

\n )}\n \n {selectedResume.parsedData.education.length > 0 && (\n

Education

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

{edu.institution}

\n {edu.graduationDate && (\n \n {edu.graduationDate}\n \n )}\n

\n {edu.degree}{edu.field ? ` in ${edu.field}` : \"\"}\n

\n ))}\n

\n )}\n

\n )}\n \n

Raw Resume Text

\n                {selectedResume.resumeText}\n

\n \n

\n \n Close\n \n

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

Sample Resume

\n You can use this sample resume to test the system:\n

\n setResumeText(sampleResume)}\n className=\"text-blue-600 hover:text-blue-800 mb-2\"\n >\n Load Sample Resume\n \n

{sampleResume.substring(0, 300)}...

\n );\n};\n\n// Sample resume for testing\nconst sampleResume = `JOHN SMITH\nSoftware Engineer\njohn.smith@example.com | (555) 123-4567 | linkedin.com/in/johnsmith\n\nSUMMARY\nExperienced software engineer with 5+ years of experience in full-stack development, specializing in React, Node.js, and cloud technologies. Passionate about building scalable applications and implementing machine learning solutions.\n\nSKILLS\nProgramming Languages: JavaScript, TypeScript, Python, Java\nFrontend: React, Redux, HTML5, CSS3, Tailwind CSS\nBackend: Node.js, Express, Django, Spring Boot\nDatabases: MongoDB, PostgreSQL, MySQL\nCloud & DevOps: AWS, Docker, Kubernetes, CI/CD\nMachine Learning: TensorFlow, scikit-learn, NLP\nTools: Git, JIRA, Figma\n\nEXPERIENCE\nSenior Software Engineer\nTechCorp Inc. | Jan 2021 - Present\n- Led the development of a customer-facing dashboard using React and TypeScript, improving user engagement by 35%\n- Implemented CI/CD pipelines using GitHub Actions, reducing deployment time by 60%\n- Designed and built RESTful APIs using Node.js and Express, handling 1M+ daily requests\n- Mentored junior developers and conducted code reviews to ensure code quality\n\nSoftware Engineer\nDataSystems LLC | Mar 2018 - Dec 2020\n- Developed microservices architecture using Node.js and Docker, improving system scalability\n- Created data visualization components with D3.js for real-time analytics dashboard\n- Implemented authentication system using JWT and OAuth2.0\n- Optimized database queries, reducing response time by 40%\n\nJunior Developer\nWebSolutions Co. | Jun 2016 - Feb 2018\n- Built responsive web applications using React and Redux\n- Collaborated with UX designers to implement user interface components\n- Participated in agile development process with bi-weekly sprints\n- Fixed bugs and implemented new features for existing applications\n\nEDUCATION\nMaster of Science in Computer Science\nStanford University | 2016\n- Specialization in Artificial Intelligence\n- GPA: 3.8/4.0\n\nBachelor of Science in Computer Engineering\nUniversity of California, Berkeley | 2014\n- Minor in Mathematics\n- Dean's List: 2012-2014\n\nPROJECTS\nAI-Powered Task Manager\n- Developed a task management application with natural language processing capabilities\n- Used React for frontend, Node.js for backend, and MongoDB for database\n- Implemented ML algorithms to categorize and prioritize tasks automatically\n\nE-commerce Platform\n- Built a full-stack e-commerce platform with product recommendation system\n- Utilized React, Express, and PostgreSQL with Sequelize ORM\n- Implemented payment processing with Stripe API\n\nCERTIFICATIONS\n- AWS Certified Solutions Architect\n- MongoDB Certified Developer\n- Google Cloud Professional Data Engineer`;\n\nexport default ResumeUpload;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Akashashn/Akash/code/frontend/components/ResumeUpload.tsx","extension","actionData","errors"]