mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-16 21:14:31 +03:30
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:
+50
-65
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user