feat(resume): enhance print styling and refactor component structure

- Add print media queries to main.css for proper PDF export formatting
- Ensure white background and light color scheme when printing
- Refactor ResumeAdditionalInfo component to display skills in categorized format
- Remove languages and certifications from additional info section
- Add ResumeLanguages component for dedicated language display
- Optimize spacing with print-specific margin utilities across all resume sections
- Improve text wrapping and hyphenation in ResumeExperience component
- Enhance ResumeHeader layout with print-optimized image sizing
- Update resume data structure to support new component organization
- Add research documentation on mentioning AI skills in resume
- Update PDF export endpoint to work with refactored component structure
- Remove outdated chat history file
This commit is contained in:
mahdiarghyani
2025-12-03 12:53:16 +03:30
parent 477a12af65
commit df9b181a90
13 changed files with 598 additions and 1182 deletions
+50 -65
View File
@@ -11,6 +11,7 @@ export const resumeData: Resume = {
basics: {
name: 'Ali Arghyani',
label: 'Frontend Developer | Vue.js • Nuxt.js • TypeScript',
image: '/img/AliProfile.webp',
email: 'aliarghyani@gmail.com',
phone: '+98 912 322 0694',
url: 'https://aliarghyani.vercel.app',
@@ -36,7 +37,7 @@ export const resumeData: Resume = {
},
],
summary:
'Frontend Developer with 3+ years building high-performance Vue.js/Nuxt applications for international clients, with background in operations leadership at Huawei. Specialized in performance optimization, scalable architecture (SSR, PWA, RBAC), and accessibility (WCAG 2.1). Delivered 6+ production applications with focus on code quality, maintainability, and distributed team collaboration. Advanced English proficiency (Duolingo 85/100).',
'Frontend Developer with 3+ years building high-performance Vue.js/Nuxt applications for international clients. AI-first engineer leveraging Cursor, GitHub Copilot, and AI-powered tools & methodologies to accelerate development by 40% while maintaining code quality. Specialized in performance optimization, scalable architecture (SSR, PWA, RBAC), and accessibility. Delivered 6+ production applications with focus on maintainability and distributed team collaboration. Fluent in English (6+ years in fully English-speaking environment at Huawei).',
},
work: [
@@ -47,10 +48,11 @@ export const resumeData: Resume = {
startDate: '2024-12',
highlights: [
'Architected medical tourism platform (Elara Medical) serving international patients across 10+ languages with real-time scheduling via WebSocket, multi-language support (3 languages), and PWA capabilities for offline access',
'Accelerated feature development at least by 50% using Cursor and other tools for component generation and real-time debugging, while maintaining zero critical bugs through AI-assisted code review and automated testing',
'Optimized application performance through code splitting, lazy loading, and Pinia state management restructuring, significantly reducing bundle size and improving initial load time',
'Engineered RBAC (Role-Based Access Control) system with role-based permissions, multi-tenant architecture supporting 3 languages (English, Persian, Turkish), and PWA features enabling offline functionality across mobile and desktop devices',
'Implemented comprehensive E2E testing suite using Cypress, establishing quality gates with ESLint strict mode and CI/CD automation with GitHub Actions to ensure stable releases',
'Led frontend architecture decisions for cross-functional team of 8; conducted code reviews and mentored 2 junior developers on accessibility standards (WCAG 2.1) and performance best practices',
'Established code quality standards with ESLint and implementing CI/CD automation with GitHub Actions to ensure stable releases',
'Collaborated with CEO on product strategy and frontend architecture, maintaining full visibility into product roadmap',
],
},
{
@@ -60,11 +62,12 @@ export const resumeData: Resume = {
startDate: '2023-09',
endDate: '2024-12',
highlights: [
'Delivered 6+ production-grade web applications for international clients using Vue 3/Nuxt 3, consistently achieving strong performance metrics and high client satisfaction',
'Delivered 6+ production-grade web applications for international clients using Vue.js/Nuxt.js, consistently achieving strong performance metrics and high client satisfaction',
'Leveraged AI development tools (Cursor and Github Copilot) to reduce development time by at least 40% across 6 projects, enabling faster client delivery and 100% on-time project completion rate',
'Elara Medical - Medical tourism platform with RBAC system, i18n for 3 languages, PWA features, and optimized performance through code splitting and lazy loading',
'Ideh - Idea evaluation platform with reusable component library reducing development time by 30% and scalable Vue 3 architecture',
'Ideh - Idea evaluation platform with reusable component library reducing development time by 30% and scalable Vue.js architecture',
'Insho - Advertising marketplace with responsive UI, matching engine for campaign collaboration, and comprehensive listing/proposal flows',
'BaMashin - Mobility rental platform with payment integration, responsive UI optimized for mobile/desktop, and WCAG 2.1 compliant interface',
'BaMashin - Mobility rental platform with payment integration and responsive UI optimized for mobile/desktop',
'Additional Projects: 2 custom B2B SaaS applications with real-time collaboration, analytics dashboards, and third-party API integrations',
'Led client communications, translated business requirements into technical specifications, delivered iteratively with clear documentation and transparent progress updates',
],
@@ -77,10 +80,11 @@ export const resumeData: Resume = {
endDate: '2023-08',
highlights: [
'Led team managing performance and availability for 14,500+ network sites nationwide, ensuring 99.5%+ uptime and rapid incident response across distributed infrastructure',
'Leveraged AI-powered analytics tools for pattern recognition in network performance data, identifying optimization opportunities 50% faster than manual analysis methods',
'Established operational standards and best practices; mentored 5 team members improving team efficiency by 30% through process optimization and knowledge sharing',
'Conducted comprehensive data analysis and KPI monitoring using advanced analytics; identified performance trends and improvement opportunities, reducing network downtime by 22% year-over-year',
'Owned stakeholder communication interface; delivered weekly performance reports and monthly strategic updates to C-level executives, translating technical metrics into business impact',
'Developed rigorous operations mindset: documentation discipline, quality gates, monitoring systems, incident response protocols—foundational skills applied to frontend development with strong architecture and quality focus',
'Built strong operational discipline (documentation, monitoring, incident management, quality gates) that directly enhances frontend engineering quality and architectural decision-making',
],
},
{
@@ -113,79 +117,60 @@ export const resumeData: Resume = {
skills: [
{
name: 'Frontend Frameworks & Languages',
name: 'Frontend Core',
keywords: [
'Vue 3',
'Nuxt 3',
'Vue.js',
'Nuxt.js',
'TypeScript',
'JavaScript (ES6+)',
'HTML5',
'CSS3',
'Pinia',
'Tailwind CSS',
],
},
{
name: 'Architecture & Advanced',
name: 'AI-Assisted Development',
keywords: [
'Cursor AI',
'GitHub Copilot',
'Claude/ChatGPT',
'Prompt Engineering',
'AI-Powered Code Review',
'AI Workflow Integration',
],
},
{
name: 'Architecture & Performance',
keywords: [
'SSR (Server-Side Rendering)',
'SSG (Static Site Generation)',
'PWA (Progressive Web Apps)',
'Component Libraries',
'RBAC Systems',
'i18n Internationalization',
'WebSocket Real-Time Features',
],
},
{
name: 'Styling & UI',
keywords: [
'Tailwind CSS',
'Vuetify',
'Responsive Design',
'CSS Modules',
'BEM Methodology',
],
},
{
name: 'State Management & APIs',
keywords: [
'Pinia',
'REST APIs',
'Async/Await Patterns',
'API Integration',
'Code Splitting & Lazy Loading',
'Performance Optimization',
],
},
{
name: 'Development Tools & Workflow',
keywords: [
'Vite',
'Git/GitHub',
'GitHub Actions',
'ESLint',
'Prettier',
'Jira',
'GitHub Actions (CI/CD)',
'ESLint/Prettier',
'Vite',
'REST APIs',
'WebSocket',
'Agile/Scrum',
'CI/CD Pipelines',
],
},
{
name: 'Quality & Accessibility',
keywords: [
'WCAG 2.1 Compliance',
'Lighthouse Optimization',
'Code Review',
],
},
{
name: 'Testing & Quality',
keywords: [
'Cypress E2E Testing',
'ESLint Strict Mode',
'Performance Optimization',
'Accessibility (a11y/WCAG)',
'Lighthouse Audits',
],
},
{
name: 'Collaboration & Remote',
keywords: [
'Cross-Functional Leadership',
'Mentorship',
'Asynchronous Communication',
'Distributed Team Collaboration',
'Stakeholder Management',
'i18n Internationalization',
'Responsive Design',
],
},
],
@@ -197,7 +182,7 @@ export const resumeData: Resume = {
},
{
language: 'English',
fluency: 'Fluent (Duolingo 85/100)',
fluency: 'Fluent',
},
],
@@ -218,10 +203,10 @@ export const resumeData: Resume = {
'Idea evaluation & market insights platform with scalable architecture and reusable component library',
highlights: [
'Component library reduced development time by 30%',
'Scalable Vue 3 architecture',
'Scalable Vue.js architecture',
'Dynamic form generation system',
],
keywords: ['Vue 3', 'Nuxt 3', 'Component Library'],
keywords: ['Vue.js', 'Nuxt.js', 'Component Library'],
startDate: '2023-09',
endDate: '2024-12',
url: 'https://ideh.app',
@@ -235,9 +220,9 @@ export const resumeData: Resume = {
highlights: [
'Responsive UI optimized for creator-brand matching',
'Comprehensive listing and proposal management system',
'Modern Vue 3 architecture with clean, maintainable code',
'Modern Vue.js architecture with clean, maintainable code',
],
keywords: ['Vue 3', 'Nuxt 3', 'Responsive Design', 'Marketplace'],
keywords: ['Vue.js', 'Nuxt.js', 'Responsive Design', 'Marketplace'],
startDate: '2023-09',
endDate: '2024-12',
url: 'https://insho.app',
@@ -253,7 +238,7 @@ export const resumeData: Resume = {
'WCAG 2.1 compliant interface',
'Payment integration',
],
keywords: ['Vue 3', 'TypeScript', 'Responsive Design', 'Accessibility'],
keywords: ['Vue.js', 'TypeScript', 'Responsive Design', 'Accessibility'],
startDate: '2023-09',
endDate: '2024-12',
url: 'https://bamashin.net',