diff --git a/app/mission-control/resume/page.tsx b/app/mission-control/resume/page.tsx index a7c894d..7e6e9a9 100644 --- a/app/mission-control/resume/page.tsx +++ b/app/mission-control/resume/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { useState, useEffect } from "react"; +import { useState } from "react"; import BackToMC from "@/components/mission-control/BackToMC"; interface Experience { @@ -8,6 +8,7 @@ interface Experience { title: string; company: string; period: string; + location: string; description: string; } @@ -16,6 +17,7 @@ interface Education { degree: string; school: string; year: string; + location: string; } interface Skill { @@ -25,28 +27,28 @@ interface Skill { export default function ResumeBuilderPage() { const [activeTab, setActiveTab] = useState<"edit" | "preview">("edit"); - const [resumeName, setResumeName] = useState("My Resume"); // Personal Info const [personalInfo, setPersonalInfo] = useState({ - name: "Your Name", - title: "Professional Title", - email: "email@example.com", - phone: "+34 XXX XXX XXX", - location: "City, Country", - website: "www.yoursite.com", - linkedin: "linkedin.com/in/yourprofile", - summary: "A brief professional summary..." + name: "HAITHAM KHALIFA", + title: "Senior Full-Stack Developer & Entrepreneur", + email: "Haitham@Khalifa.se", + phone: "+34 614 821 331", + location: "Málaga, Spain", + linkedin: "linkedin.com/in/haithamekhalifa/", + website: "haithamkhalifa.com", + summary: "A results-oriented leader with 15+ years of experience in driving e-commerce growth, optimizing online platforms, and implementing successful digital marketing strategies. Proven ability to increase online sales, improve customer engagement, and manage cross-functional teams to achieve business objectives." }); // Experience const [experiences, setExperiences] = useState([ { id: "1", - title: "Job Title", - company: "Company Name", - period: "2020 - Present", - description: "Key responsibilities and achievements in this role." + title: "Product Owner & IT Consultant", + company: "Protein.com", + period: "2020-2025", + location: "Sweden, Malmö", + description: "• Managed product backlog to drive e-commerce sales.\n• Developed/executed SEO strategies (+20% organic traffic).\n• Implemented/managed MarTech for e-commerce performance.\n• Drove Agile practices.\n• Utilized data analytics to optimize e-commerce growth.\n• Managed product data feeds." } ]); @@ -54,22 +56,34 @@ export default function ResumeBuilderPage() { const [education, setEducation] = useState([ { id: "1", - degree: "Degree Name", - school: "University Name", - year: "2016 - 2020" + degree: "Intensive Software Development Academy", + school: "Lund University", + year: "2019", + location: "Sweden, Lund" + }, + { + id: "2", + degree: "Bachelor of Computer Science", + school: "Modern Academy Maadi", + year: "2001 - 2006", + location: "Egypt, Cairo" } ]); // Skills const [skills, setSkills] = useState([ - { id: "1", name: "Skill 1" }, - { id: "2", name: "Skill 2" }, - { id: "3", name: "Skill 3" } + { id: "1", name: "E-commerce Strategy" }, + { id: "2", name: "Digital Marketing" }, + { id: "3", name: "SEO/SEM" }, + { id: "4", name: "Product Ownership" }, + { id: "5", name: "Team Leadership" } ]); + // Languages const [languages, setLanguages] = useState([ - { id: "1", name: "Language 1", level: "Fluent" }, - { id: "2", name: "Language 2", level: "Native" } + { id: "1", name: "Arabic" }, + { id: "2", name: "English" }, + { id: "3", name: "Swedish" } ]); // Versions @@ -82,8 +96,9 @@ export default function ResumeBuilderPage() { id: Date.now().toString(), title: "New Position", company: "Company", - period: "2023 - Present", - description: "Description..." + period: "2023-Present", + location: "City, Country", + description: "• Key responsibility.\n• Achievement." }]); }; @@ -99,8 +114,9 @@ export default function ResumeBuilderPage() { setEducation([...education, { id: Date.now().toString(), degree: "New Degree", - school: "School Name", - year: "2020 - 2024" + school: "University", + year: "2020 - 2024", + location: "City, Country" }]); }; @@ -124,12 +140,23 @@ export default function ResumeBuilderPage() { setSkills(skills.map(s => s.id === id ? { ...s, name } : s)); }; + const addLanguage = () => { + setLanguages([...languages, { id: Date.now().toString(), name: "New Language" }]); + }; + + const removeLanguage = (id: string) => { + setLanguages(languages.filter(l => l.id !== id)); + }; + + const updateLanguage = (id: string, name: string) => { + setLanguages(languages.map(l => l.id === id ? { ...l, name } : l)); + }; + const saveVersion = () => { const name = prompt("Enter version name:", `Resume - ${currentVersion}`); if (name && !versions.includes(name)) { setVersions([...versions, name]); setCurrentVersion(name); - alert(`Version "${name}" saved!`); } }; @@ -137,15 +164,6 @@ export default function ResumeBuilderPage() { setCurrentVersion(version); }; - const deleteVersion = (version: string) => { - if (versions.length > 1) { - setVersions(versions.filter(v => v !== version)); - if (currentVersion === version) { - setCurrentVersion(versions[0]); - } - } - }; - const handlePrint = () => { window.print(); }; @@ -157,7 +175,7 @@ export default function ResumeBuilderPage() { {/* Toolbar */}
-

📄 Resume Builder

+

Haitham's Resume Manager

@@ -254,21 +272,21 @@ export default function ResumeBuilderPage() { />
- + setPersonalInfo({...personalInfo, website: e.target.value})} + value={personalInfo.linkedin} + onChange={(e) => setPersonalInfo({...personalInfo, linkedin: e.target.value})} className="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2 text-white" />
- +