Skip to main content

CV Component

Professional CV and timeline display with experience, education, and skills

🔴 Live Demo

📋 CV Data Structure

Configuration Format

// config/cvData.yml
experience:
  - title: Senior Software Engineer
    company: Tech Company Inc.
    duration: '2022 - Present'
    description: Lead development of scalable applications
    technologies: [React, TypeScript, Node.js]

education:
  - degree: Master of Science in Computer Science
    institution: University Name
    year: '2020'
    details: Focus on software engineering and AI

skills:
  - category: Frontend
    items: [React, TypeScript, Next.js]
  - category: Backend
    items: [Node.js, Python, Java]

✨ Key Features

📅 Timeline View

  • Chronological experience
  • Visual timeline display
  • Duration highlighting
  • Responsive design

🎓 Education Section

  • Degree information
  • Institution details
  • Graduation years
  • Additional notes

🛠️ Skills Display

  • Categorized skills
  • Technology stacks
  • Proficiency levels
  • Interactive badges

💻 Usage Examples

Basic Integration

// In your page or component
import CV from '@site/src/components/CV';

export default function AboutPage() {
  return (
    <Layout>
      <CV />
    </Layout>
  );
}

🔗 Related Resources

Experience the live CV and learn about configuration: