import React, { useState, useEffect, useRef } from 'react'; import { User, Briefcase, GraduationCap, Code, Download, Plus, Trash2, Eye, Edit3, Mail, Phone, MapPin, Globe } from 'lucide-react'; const App = () => { const [activeTab, setActiveTab] = useState('edit'); // 'edit' or 'preview' const [resumeData, setResumeData] = useState({ profile: { fullName: 'John Doe', jobTitle: 'Senior Software Engineer', email: 'john.doe@example.com', phone: '+1 (555) 000-0000', location: 'San Francisco, CA', website: 'www.johndoe.dev', summary: 'Results-driven Software Engineer with 5+ years of experience building scalable web applications. Expert in React, Node.js, and cloud architecture.', }, experience: [ { id: '1', company: 'Tech Solutions Inc.', position: 'Senior Developer', duration: '2020 - Present', description: 'Led a team of 5 developers to rebuild the core API, improving response times by 40%. Implemented CI/CD pipelines and mentored junior staff.', }, { id: '2', company: 'Digital Dreams Agency', position: 'Frontend Developer', duration: '2018 - 2020', description: 'Developed responsive user interfaces for high-traffic e-commerce sites. Collaborated with designers to ensure pixel-perfect implementation.', } ], education: [ { id: '1', school: 'State University', degree: 'B.S. in Computer Science', duration: '2014 - 2018', description: 'Focused on Algorithms and Distributed Systems.', } ], skills: ['React', 'TypeScript', 'Node.js', 'AWS', 'GraphQL', 'Tailwind CSS', 'Docker', 'PostgreSQL'] }); // Handlers for dynamic sections const addExperience = () => { setResumeData(prev => ({ ...prev, experience: [...prev.experience, { id: Date.now().toString(), company: '', position: '', duration: '', description: '' }] })); }; const removeExperience = (id) => { setResumeData(prev => ({ ...prev, experience: prev.experience.filter(exp => exp.id !== id) })); }; const updateExperience = (id, field, value) => { setResumeData(prev => ({ ...prev, experience: prev.experience.map(exp => exp.id === id ? { ...exp, [field]: value } : exp) })); }; const addEducation = () => { setResumeData(prev => ({ ...prev, education: [...prev.education, { id: Date.now().toString(), school: '', degree: '', duration: '', description: '' }] })); }; const removeEducation = (id) => { setResumeData(prev => ({ ...prev, education: prev.education.filter(edu => edu.id !== id) })); }; const updateEducation = (id, field, value) => { setResumeData(prev => ({ ...prev, education: prev.education.map(edu => edu.id === id ? { ...edu, [field]: value } : edu) })); }; const handlePrint = () => { window.print(); }; return (