feat(resume): enhance spacing, styling, and add markdown text parsing

- Update section spacing from mb-8 to mb-12 for improved visual hierarchy
- Refine heading padding and margins for consistent section styling
- Adjust work experience highlights spacing and add leading-relaxed for readability
- Implement markdown bold text parsing in job highlights using new composable
- Add color-coded icons in resume header (red for location, green for phone, amber for email, blue for website)
- Reorganize contact information into two lines for better layout organization
- Standardize icon sizing with explicit w-4 h-4 dimensions across header
- Create useMarkdownText composable for markdown formatting utilities
- Update resume data and PDF export endpoint to support enhanced styling
- Improve print styling consistency across all resume components
This commit is contained in:
mahdiarghyani
2025-12-06 14:04:45 +03:30
parent 73afa9f5a6
commit 12c8847447
9 changed files with 130 additions and 51 deletions
+22 -20
View File
@@ -42,7 +42,7 @@ export const resumeData: Resume = {
},
],
summary:
'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 up to 50% while maintaining code quality. Specialized in performance optimization, scalable architecture (SSR, PWA, RBAC), and accessibility. Delivered 4+ production applications with focus on maintainability and distributed team collaboration. Fluent in English (6+ years in fully English-speaking environment at Huawei).',
'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 up to **50%** while maintaining code quality. Specialized in performance optimization, scalable architecture (SSR, PWA, RBAC), and accessibility. Delivered **4+ production applications** with focus on maintainability and distributed team collaboration. Fluent in English (**6+ years** in fully English-speaking environment at Huawei).',
},
work: [
@@ -52,12 +52,12 @@ export const resumeData: Resume = {
location: 'Izmir, Turkey',
startDate: '2024-12',
highlights: [
'Architected two medical tourism platforms (Elara Medical & Artemis Clinics) 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',
'Architected **two medical tourism platforms** (**Elara Medical** & **Artemis Clinics**) 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 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',
'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',
'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',
'Established code quality standards with ESLint and implementing CI/CD automation with **GitHub Actions** to ensure stable releases',
'Demonstrated **product-minded engineering** by collaborating directly with CEO on product strategy and frontend architecture, ensuring technical decisions aligned with business goals',
],
},
{
@@ -67,13 +67,12 @@ export const resumeData: Resume = {
startDate: '2023-09',
endDate: '2024-12',
highlights: [
'Delivered 4+ 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.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 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',
'Delivered **4+ 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 **40%** across **6 projects**, enabling faster client delivery and **100% on-time** project completion rate',
'**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 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',
],
},
@@ -84,22 +83,25 @@ export const resumeData: Resume = {
startDate: '2022-04',
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',
'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',
'Built strong operational discipline (documentation, monitoring, incident management, quality gates) that directly enhances frontend engineering quality and architectural decision-making',
],
},
{
company: 'Huawei Technologies',
position: 'Various Technical & Leadership Roles',
position: 'Technical & Leadership Roles',
location: 'Tehran, Iran',
startDate: '2016-06',
endDate: '2022-04',
highlights: [
'Progressed through multiple technical and leadership positions in telecom operations (details available upon request)',
'**Senior Performance Analyst** (2018-2022): Drove network KPI analysis across 2G/3G/LTE; contributed to audits, process improvements and performance dashboards',
'**Assistant Regional Manager** (2018): Managed ~3,000 BTS sites across Tehran Province; coordinated subcontractors and translated technical specs into implementation plans',
'**TCHA Team Lead** (2017-2018): Built availability dashboards and drove stakeholder alignment; recognized as outstanding fresh graduate at Huawei annual meeting',
'**Back Office Operations** (2016-2017): Supported OSS operations, performance checks and reporting; contributed to team efficiency and customer satisfaction',
],
},
],