🔴 Live Demo
🎯 Live CV Available! The interactive professional CV is running live at /cv. Visit the live page to explore the complete CV experience with professional timeline, skills, and experience display.
📋 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: