import { Document, Head, Page, Spacer } from "@htmldocs/react"; import { FaPhone, FaEnvelope, FaGithub, FaLinkedin, FaMapMarkerAlt } from "react-icons/fa"; import "~/index.css"; interface Education { school: string; degree: string; location: string; startDate: string; endDate: string; } interface Experience { company: string; title: string; location: string; startDate: string; endDate: string; achievements: string[]; } interface Project { name: string; dateRange: string; githubUrl: string; achievements: string[]; } interface Skills { languages: string[]; frameworks: string[]; technologies: string[]; } interface Contact { phone: string; email: string; linkedin: string; github: string; location: string; } export interface ResumeProps { name: string; summary: string; contact: Contact; experience: Experience[]; projects: Project[]; education: Education; skills: Skills; } function SectionHeader({ children }: { children: React.ReactNode }) { return (

{children}

); } function Link({ href, children }: { href: string; children: React.ReactNode }) { return ( {children} ); } function Resume({ name, summary, contact, experience, projects, education, skills, }: ResumeProps) { return ( {/* Header */}

{name}

{contact.location}
{contact.phone}
{contact.email}
{contact.linkedin}
{contact.github}
{/* Summary */}
Summary

Technical leader with 12 years of experience as an engineering leader — see my work at johndoe.com.

{/* Experience */}
Experience {experience.map((job, index) => (
{job.company} {job.startDate} – {job.endDate}
{job.title} {job.location}
    {job.achievements.map((achievement, i) => (
  • {achievement}
    • ))}
))}
{/* Projects */}
Projects {projects.map((project, index) => (
{project.name} {project.dateRange}
    {project.achievements.map((achievement, i) => (
  • {achievement}
    • ))}
))}
{/* Education */}
Education
{education.school} {education.startDate} – {education.endDate}
{education.degree} {education.location}
{/* Skills */}
Skills
Languages {skills.languages.join(", ")}
Frameworks {skills.frameworks.join(", ")}
Technologies {skills.technologies.join(", ")}
); } Resume.PreviewProps = { name: "John Doe", summary: "Technical leader with 12 years of experience in scalable applications and engineering leadership — see my work at jkuo.me.", contact: { location: "San Francisco, CA", phone: "123-456-7890", email: "jdoe@gmail.com", linkedin: "jdoe12", github: "jdoe", }, experience: [ { company: "Stripe", title: "Staff Software Engineer", location: "San Francisco, CA", startDate: "May 2020", endDate: "Aug 2020", achievements: [ "Spearheaded design and development of Stripe's core iOS app with over 5 million monthly active users", "Collaborated with the infrastructure team to reduce integration issues by 28%", "Architected a distributed load-balancing service in Go that uses Redis and Apache Zookeeper to serve 6 billion requests a year, increase edge-to-edge speed by 50%, and save a projected 2 million dollars annually", ], }, { company: "Facebook", title: "Senior Software Engineer", location: "Menlo Park, CA", startDate: "May 2020", endDate: "Aug 2020", achievements: [ "Worked with the Ads team to create an end-to-end tool for building campaigns, used by 300,000+ businesses", "Wrote new integrations in Hack/PHP, resulting in a 25% performance improvement", "Was a core contributor to the React Native framework, which included fixing bugs, defining roadmaps, and implementing features. Leveraged WebAssembly to achieve 64% faster compile times with real-time logging", ], }, { company: "Apple", title: "iOS Engineer", location: "Cupertino, CA", startDate: "May 2020", endDate: "Aug 2020", achievements: [ "Worked with Swift and Objective-C to implement Guides in Apple Maps, supporting 10,000+ cities worldwide", "Re-engineered the landing pages for the 16\" Macbook Pro and Apple Pay, improving initial load times by 42%", "Hosted a total of 7 interns across 2 years, with a 70% intern-to-fulltime conversion ratio", ], }, ], projects: [ { name: "3D Graphics Rendering Engine", dateRange: "May 2017 – Aug 2020", githubUrl: "github.com/user/project", achievements: [ "Used C++ to create a 3D renderer with support for OpenGL, GLFW integration, and textures", "Implemented custom shaders using Vulkan, achieving sub-100ms light scattering and diffusion", "Wrote popular blog post on project, reaching #1 on HackerNews and featured on WIRED magazine", ], }, ], education: { school: "Harvard University", degree: "Bachelor of Computer Science", location: "Boston, MA", startDate: "2012", endDate: "2016", }, skills: { languages: ["TypeScript", "Python", "Ruby", "Go", "Java", "C++"], frameworks: ["React", "Redux", "Express", "Flask"], technologies: ["AWS", "Redis", "MongoDB", "Docker", "PostgreSQL", "Kubernetes"], }, }; Resume.documentId = "resume"; export default Resume;