mahdium/portfolio
1
0
Fork 0
mirror of https://github.com/mmahdium/portfolio.git synced 2025-12-20 09:23:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Removed unused and old code

Browse Source
This commit is contained in:
Mohammad Mahdi
2025-12-03 10:35:23 +03:30
parent 72e3df0536
commit d32f61037d
16 changed files with 781 additions and 894 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/app.config.ts
View File

@@ -66,7 +66,6 @@ export default defineAppConfig({
} }
} }
} as any, } as any,
repoUrl: "https://github.com/aliarghyani/vue-cursor-rules", // myWebsiteUrl: "https://www.linkedin.com/in/aliarghyani/",
myWebsiteUrl: "https://www.linkedin.com/in/aliarghyani/", myContactUrl: "mailto:me@mahdium.ir",
myContactUrl: "https://www.linkedin.com/in/aliarghyani/",
}) })

61
app/components/VueSchoolBanner.vue Normal file
View File

@@ -0,0 +1,61 @@
<template>
<div class="bg-blue-950 backdrop-blur-md hover:cursor-pointer" v-show="open">
<div
class="plausible-event-name=VueSchoolBanner+click flex h-16 shrink-0 items-center justify-between px-4 text-white"
@click="navigate"
>
<div></div>
<div class="hidden lg:block">
<img src="/img/vueschool/vueschool.svg" alt="VueSchool Logo" class="h-6" />
</div>
<div
class="hidden bg-gradient-to-r from-amber-400 to-pink-500 bg-clip-text text-lg font-semibold tracking-wide text-transparent sm:inline-block"
>
New Vue Masterclass
</div>
<div class="hidden lg:flex lg:gap-x-2">
<img src="/img/vueschool/vue-with-hat.svg" alt="VueJS Logo" class="h-6" />
<img src="/img/vueschool/pinia.svg" alt="Pinia Logo" class="h-6" />
<img src="/img/vueschool/vite.svg" alt="Vite Logo" class="h-6" />
<img src="/img/vueschool/vitest.svg" alt="Vitest Logo" class="h-6" />
</div>
<div class="text-center leading-5">
<span
class="inline-block bg-gradient-to-r from-emerald-300 to-sky-300 bg-clip-text font-semibold tracking-wide text-transparent"
>
Vue.js Masterclass 2024 Edition
</span>
<span class="ml-2 hidden font-semibold sm:inline">LAUNCHED</span>
<br />
<span class="text-sm text-gray-300 sm:text-base">
Code a real world app using the latest Vue.js tech
</span>
</div>
<UButton
class="plausible-event-name=VueSchoolBanner+click hidden px-4 font-bold md:inline-flex rounded-full"
label="Buy Now"
icon="i-tabler-caret-right-filled"
variant="solid"
trailing
@click="navigate"
/>
<UIcon
name="i-ph-x"
class="size-8 p-2 hover:opacity-80"
@click.stop="open = false"
/>
</div>
</div>
</template>
<script setup lang="ts">
const open = ref(true)
const affiliateId = "UILIBPIC"
const fullUrl = computed(
() => `https://vueschool.io/the-vuejs-3-master-class?friend=${affiliateId}`
)
const navigate = () => {
window.open(fullUrl.value, "_blank")
}
</script>

4
app/components/common/FooterCopyright.vue
View File

@@ -3,10 +3,10 @@
<UContainer> <UContainer>
<div class="flex flex-col items-center gap-4 text-center text-sm text-gray-600 dark:text-gray-400"> <div class="flex flex-col items-center gap-4 text-center text-sm text-gray-600 dark:text-gray-400">
<ClientOnly> <ClientOnly>
<NuxtImg :src="logoSrc" alt="Ali Arghyani logo" width="64" height="64" class="h-12 w-12" format="png" <NuxtImg :src="logoSrc" alt="Mahdium logo" width="64" height="64" class="h-12 w-12" format="png"
loading="lazy" /> loading="lazy" />
<template #fallback> <template #fallback>
<NuxtImg src="/favicon/android-chrome-192x192.png" alt="Ali Arghyani logo" width="64" height="64" <NuxtImg src="/favicon/android-chrome-192x192.png" alt="Mahdium logo" width="64" height="64"
class="h-12 w-12" format="png" loading="lazy" /> class="h-12 w-12" format="png" loading="lazy" />
</template> </template>
</ClientOnly> </ClientOnly>

2
app/components/portfolio/Hero.vue
View File

@@ -81,7 +81,7 @@
</ClientTooltip> </ClientTooltip>
</div> </div>
</div> </div>
<div <div v-show="portfolio.profile.avatar"
class="block mx-auto sm:mx-0 shrink-0 w-24 h-24 sm:w-32 sm:h-32 md:w-40 md:h-40 ring-4 ring-primary-400/50 dark:ring-primary-300/40 rounded-full overflow-hidden"> class="block mx-auto sm:mx-0 shrink-0 w-24 h-24 sm:w-32 sm:h-32 md:w-40 md:h-40 ring-4 ring-primary-400/50 dark:ring-primary-300/40 rounded-full overflow-hidden">
<NuxtImg :src="portfolio.profile.avatar || undefined" :alt="portfolio.profile.name" <NuxtImg :src="portfolio.profile.avatar || undefined" :alt="portfolio.profile.name"
sizes="96px sm:128px md:160px" width="160" height="160" class="h-full w-full object-cover" format="webp" sizes="96px sm:128px md:160px" width="160" height="160" class="h-full w-full object-cover" format="webp"

10
app/components/portfolio/LanguageSkills.vue
View File

@@ -12,7 +12,7 @@
<p class="text-sm text-gray-600 dark:text-gray-300 max-w-3xl"> <p class="text-sm text-gray-600 dark:text-gray-300 max-w-3xl">
{{ t('languageSection.tagline') }} {{ t('languageSection.tagline') }}
</p> </p>
<UBadge <!-- <UBadge
size="lg" size="lg"
color="primary" color="primary"
variant="soft" variant="soft"
@@ -25,7 +25,7 @@
<span> <span>
{{ t('languageSection.duolingo.label') }}: {{ t('languageSection.duolingo.value') }} {{ t('languageSection.duolingo.label') }}: {{ t('languageSection.duolingo.value') }}
</span> </span>
</UBadge> </UBadge> -->
</div> </div>
<div class="grid gap-4 md:grid-cols-2"> <div class="grid gap-4 md:grid-cols-2">
@@ -75,11 +75,11 @@ const items = computed(() => [
description: t('languageSection.items.ielts.desc'), description: t('languageSection.items.ielts.desc'),
}, },
{ {
key: 'huawei', key: 'ttc',
iconType: 'icon' as const, iconType: 'icon' as const,
icon: 'i-twemoji-globe-with-meridians', icon: 'i-twemoji-globe-with-meridians',
title: t('languageSection.items.huawei.title'), title: t('languageSection.items.ttc.title'),
description: t('languageSection.items.huawei.desc'), description: t('languageSection.items.ttc.desc'),
}, },
]) ])
</script> </script>

2
app/components/portfolio/RecommendationsCarousel.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<section ref="sectionEl" class="py-8"> <section ref="sectionEl" class="py-8" v-if="recs.length > 0">
<UContainer> <UContainer>
<div class="flex flex-wrap items-center gap-3 mb-8"> <div class="flex flex-wrap items-center gap-3 mb-8">
<!-- <div <!-- <div

6
app/components/portfolio/SoftSkills.vue
View File

@@ -29,10 +29,8 @@ type SoftKey =
| 'problemSolving' | 'problemSolving'
| 'attentionToDetail' | 'attentionToDetail'
| 'teamwork' | 'teamwork'
| 'teamLeadership'
| 'communication' | 'communication'
| 'teamPerformance' | 'teamPerformance'
| 'customerFocus'
| 'projectManagement' | 'projectManagement'
| 'adaptability' | 'adaptability'
@@ -42,10 +40,10 @@ const base: { key: SoftKey; icon: string }[] = [
{ key: 'problemSolving', icon: 'i-twemoji-light-bulb' }, { key: 'problemSolving', icon: 'i-twemoji-light-bulb' },
{ key: 'attentionToDetail', icon: 'i-twemoji-magnifying-glass-tilted-left' }, { key: 'attentionToDetail', icon: 'i-twemoji-magnifying-glass-tilted-left' },
{ key: 'teamwork', icon: 'i-twemoji-people-holding-hands' }, { key: 'teamwork', icon: 'i-twemoji-people-holding-hands' },
{ key: 'teamLeadership', icon: 'i-twemoji-crown' }, // { key: 'teamLeadership', icon: 'i-twemoji-crown' },
{ key: 'communication', icon: 'i-twemoji-speech-balloon' }, { key: 'communication', icon: 'i-twemoji-speech-balloon' },
{ key: 'teamPerformance', icon: 'i-twemoji-chart-increasing' }, { key: 'teamPerformance', icon: 'i-twemoji-chart-increasing' },
{ key: 'customerFocus', icon: 'i-twemoji-handshake' }, // { key: 'customerFocus', icon: 'i-twemoji-handshake' },
{ key: 'projectManagement', icon: 'i-twemoji-spiral-calendar' }, { key: 'projectManagement', icon: 'i-twemoji-spiral-calendar' },
{ key: 'adaptability', icon: 'i-twemoji-counterclockwise-arrows-button' }, { key: 'adaptability', icon: 'i-twemoji-counterclockwise-arrows-button' },
] ]

303
app/data/aiStack.ts
View File

@@ -2,235 +2,144 @@
// This file is self-contained to avoid modifying global types. // This file is self-contained to avoid modifying global types.
export type AiCategory = export type AiCategory =
| 'method' | "method"
| 'ide' | "ide"
| 'assistant' | "assistant"
| 'rule' | "rule"
| 'mcp' | "mcp"
| 'extension' | "extension"
| 'infra' | "infra"
| 'evaluation' | "evaluation";
export type AiGroup = export type AiGroup = "ide_dev" | "protocols" | "concepts" | "approaches";
| 'ide_dev'
| 'protocols'
| 'concepts'
| 'approaches'
export const AI_GROUPS: readonly AiGroup[] = [ export const AI_GROUPS: readonly AiGroup[] = [
'ide_dev', "ide_dev",
'protocols', "protocols",
'concepts', "concepts",
'approaches' "approaches",
] as const ] as const;
export type AiItemLinkset = { export type AiItemLinkset = {
setup?: string setup?: string;
rules?: string rules?: string;
example?: string example?: string;
} };
export type AiItem = { export type AiItem = {
id: string id: string;
name: string name: string;
category: AiCategory category: AiCategory;
group: AiGroup group: AiGroup;
icon?: string icon?: string;
shortWhy?: string shortWhy?: string;
links?: AiItemLinkset links?: AiItemLinkset;
tags?: string[] tags?: string[];
featured?: boolean featured?: boolean;
heat?: number heat?: number;
} };
export const AI_CATEGORIES: readonly AiCategory[] = [ export const AI_CATEGORIES: readonly AiCategory[] = [
'method', "method",
'ide', "ide",
'assistant', "assistant",
'rule', "rule",
'mcp', "mcp",
'extension', "extension",
'infra', "infra",
'evaluation' "evaluation",
] as const ] as const;
export const aiStackItems: AiItem[] = [ export const aiStackItems: AiItem[] = [
// Concepts and methodologies // Concepts and methodologies
{ {
id: 'method-bmad', id: "method-openspec",
name: 'BMAD Method', name: "Spec-Driven Development",
category: 'method', category: "method",
group: 'concepts', group: "concepts",
icon: 'i-twemoji-jigsaw', icon: "i-twemoji-open-book",
shortWhy: 'Outcome-driven orchestration with one-tool-per-step discipline', shortWhy: "Develop AI systems guided by specification before execution",
tags: ['bmad', 'workflow', 'governance'] tags: ["spec", "planning"],
}, },
{ {
id: 'method-openspec', id: "concepts-agent-coordination",
name: 'Spec-Driven Development', name: "Agent-Based Coordination",
category: 'method', category: "method",
group: 'concepts', group: "concepts",
icon: 'i-twemoji-open-book', icon: "i-twemoji-people-holding-hands",
shortWhy: 'Develop AI systems guided by specification before execution', shortWhy: "Coordinate multiple agents to accomplish complex goals",
tags: ['spec', 'planning'] tags: ["agents", "coordination"],
}, },
{ {
id: 'concepts-hitl', id: "concepts-token-budget",
name: 'Human-In-The-Loop', name: "Token Budget Management",
category: 'method', category: "method",
group: 'concepts', group: "concepts",
icon: 'i-twemoji-handshake', icon: "i-twemoji-abacus",
shortWhy: 'Integrate human oversight to improve outputs and control model decisions', shortWhy: "Strategically manage context and token usage for LLMs",
tags: ['concept', 'quality'] tags: ["tokens", "context"],
},
{
id: 'concepts-agent-coordination',
name: 'Agent-Based Coordination',
category: 'method',
group: 'concepts',
icon: 'i-twemoji-people-holding-hands',
shortWhy: 'Coordinate multiple agents to accomplish complex goals',
tags: ['agents', 'coordination']
},
{
id: 'concepts-token-budget',
name: 'Token Budget Management',
category: 'method',
group: 'concepts',
icon: 'i-twemoji-abacus',
shortWhy: 'Strategically manage context and token usage for LLMs',
tags: ['tokens', 'context']
}, },
// IDE / Development Environments // IDE / Development Environments
{ {
id: 'ide-vscode', id: "ide-vscode",
name: 'VSCode', name: "VSCode",
category: 'ide', category: "ide",
group: 'ide_dev', group: "ide_dev",
icon: 'i-logos-visual-studio-code', icon: "i-logos-visual-studio-code",
shortWhy: 'Popular, professional IDE for coding and AI projects', shortWhy: "Popular, professional IDE for coding and AI projects",
tags: ['ide', 'vscode'] tags: ["ide", "vscode"],
}, },
{ {
id: 'ide-kiro', id: "ide-rider",
name: 'Kiro', name: "Rider",
category: 'ide', category: "ide",
group: 'ide_dev', group: "ide_dev",
icon: 'i-twemoji-brain', icon: "i-twemoji-rocket",
shortWhy: 'Intelligent editor and environment for AI software development', shortWhy: "IDE for .NET development",
tags: ['ide', 'kiro'] tags: ["ide", "dotnet"],
},
{
id: 'ide-cursor',
name: 'Cursor',
category: 'ide',
group: 'ide_dev',
icon: 'i-twemoji-sparkles',
shortWhy: 'AI-native IDE with rules and repo-aware edits',
tags: ['ide', 'cursor']
},
{
id: 'ide-roocode',
name: 'RooCode',
category: 'ide',
group: 'ide_dev',
icon: 'i-twemoji-robot',
shortWhy: 'Auto-planning agents for repo-wide diffs',
tags: ['ide', 'agents']
},
{
id: 'ide-qoder',
name: 'Qoder',
category: 'ide',
group: 'ide_dev',
icon: 'i-twemoji-rocket',
shortWhy: 'Team collaboration and fast AI-powered coding environment',
tags: ['ide', 'qoder']
}, },
// Protocols & Standards (MCP) // Protocols & Standards (MCP)
{
id: 'protocols-mcp',
name: 'MCP (Machine Collaboration Protocol)',
category: 'mcp',
group: 'protocols',
icon: 'i-twemoji-globe-with-meridians',
shortWhy: 'Collaboration and coordination protocol for multi-agent AI projects',
tags: ['mcp', 'protocol']
},
{
id: 'mcp-context7',
name: 'Context7 MCP',
category: 'mcp',
group: 'protocols',
icon: 'i-twemoji-open-book',
shortWhy: 'Retrieve up-to-date docs and examples for libraries',
tags: ['mcp', 'context7']
},
{
id: 'mcp-playwright',
name: 'Playwright MCP',
category: 'mcp',
group: 'protocols',
icon: 'i-logos-playwright',
shortWhy: 'Browser automation and testing via MCP-compatible server',
tags: ['mcp', 'playwright']
},
{
id: 'mcp-chrome-devtools',
name: 'Chrome DevTools MCP',
category: 'mcp',
group: 'protocols',
icon: 'i-logos-chrome',
shortWhy: 'Control Chrome DevTools for inspection and performance via MCP',
tags: ['mcp', 'chrome']
},
{
id: 'mcp-browsertools',
name: 'BrowserTools MCP',
category: 'mcp',
group: 'protocols',
icon: 'i-twemoji-globe-with-meridians',
shortWhy: 'General browser tools MCP for automation and scraping',
tags: ['mcp', 'browser']
},
// Emerging approaches // Emerging approaches
{ {
id: 'approaches-context-management', id: "approaches-context-management",
name: 'Context Management', name: "Context Management",
category: 'method', category: "method",
group: 'approaches', group: "approaches",
icon: 'i-twemoji-card-index-dividers', icon: "i-twemoji-card-index-dividers",
shortWhy: 'Control and retain context and memory for long-running agent interactions', shortWhy:
tags: ['context', 'memory'] "Control and retain context and memory for long-running agent interactions",
tags: ["context", "memory"],
}, },
{ {
id: 'approaches-agent-orchestration', id: "approaches-agent-orchestration",
name: 'Agent Orchestration', name: "Agent Orchestration",
category: 'method', category: "method",
group: 'approaches', group: "approaches",
icon: 'i-twemoji-ringed-planet', icon: "i-twemoji-ringed-planet",
shortWhy: 'Coordinate groups of agents to solve multi-step or complex tasks', shortWhy:
tags: ['agents', 'orchestration'] "Coordinate groups of agents to solve multi-step or complex tasks",
tags: ["agents", "orchestration"],
}, },
{ {
id: 'approaches-cot', id: "approaches-cot",
name: 'Chain-of-Thought Reasoning', name: "Chain-of-Thought Reasoning",
category: 'method', category: "method",
group: 'approaches', group: "approaches",
icon: 'i-twemoji-thought-balloon', icon: "i-twemoji-thought-balloon",
shortWhy: 'Step-by-step reasoning and analysis with language models', shortWhy: "Step-by-step reasoning and analysis with language models",
tags: ['reasoning'] tags: ["reasoning"],
}, },
{ {
id: 'approaches-prompt-engineering', id: "approaches-prompt-engineering",
name: 'Prompt Engineering Tools/Techniques', name: "Prompt Engineering Tools/Techniques",
category: 'method', category: "method",
group: 'approaches', group: "approaches",
icon: 'i-twemoji-hammer-and-wrench', icon: "i-twemoji-hammer-and-wrench",
shortWhy: 'Craft and evaluate prompts to achieve precise, targeted model outputs', shortWhy:
tags: ['prompting'] "Craft and evaluate prompts to achieve precise, targeted model outputs",
} tags: ["prompting"],
] },
];

346
app/data/portfolio.fa.ts
View File

@@ -1,187 +1,98 @@
import type { PortfolioData } from '@/types/portfolio.types' import type { PortfolioData } from "@/types/portfolio.types";
const portfolioFa: PortfolioData = { const portfolioFa: PortfolioData = {
profile: { profile: {
name: 'علی ارغیانی', name: "محمد مهدی محمدی",
title: 'توسعه‌دهنده فرانت‌اند', title: "توسعه‌دهنده ؟",
// location: 'Tehran Province - Iran , Remote - Turkey', // location: 'Tehran Province - Iran , Remote - Turkey',
location: 'استان تهران، ایران', location: "استان کرمان، ایران",
summary: summary: "حالا بعدا میگم.",
'توسعه‌دهندهٔ فرانت‌اند با تجربه در Vue.js، Nuxt.js و TypeScript. مهاجرت از حوزهٔ رهبری تیم و تحلیل در مخابرات به توسعهٔ وب مدرن با تمرکز بر تجربهٔ توسعه‌دهنده، دسترس‌پذیری، کارایی و تحویلِ متمرکز بر نیاز مشتری.', // avatar: "/img/AliProfile.webp",
avatar: '/img/AliProfile.webp',
socials: { socials: {
website: 'https://www.linkedin.com/in/aliarghyani/', website: "https://mahdium.ir/",
github: 'https://github.com/aliarghyani', github: "https://github.com/mmahdium",
linkedin: 'https://www.linkedin.com/in/aliarghyani/', // linkedin: "https://www.linkedin.com/in/aliarghyani/",
telegram: 'https://t.me/Ali_Argh', telegram: "https://t.me/mmahdium",
whatsapp: 'https://wa.me/989123220694', // whatsapp: "https://wa.me/989123220694",
spotify: 'https://open.spotify.com/user/aliarghyani', // spotify: "https://open.spotify.com/user/aliarghyani",
bento: 'https://bento.me/arghyani', // bento: "https://bento.me/arghyani",
instagram: 'https://www.instagram.com/ali.arghyani/', instagram: "https://www.instagram.com/mmahdiom/",
}, },
}, },
mainTools: { mainTools: {
title: 'ابزارهای اصلی', title: "ابزارهای اصلی",
items: [ items: [
{ label: 'Vue.js', icon: 'i-logos-vue' }, { label: "Vue.js", icon: "i-logos-vue" },
{ label: 'Nuxt.js', icon: 'i-logos-nuxt-icon' }, { label: "Nuxt.js", icon: "i-logos-nuxt-icon" },
{ label: 'TypeScript', icon: 'i-logos-typescript-icon' }, { label: "TypeScript", icon: "i-logos-typescript-icon" },
{ label: 'Vuetify', icon: 'i-logos-vuetifyjs' }, { label: "Vuetify", icon: "i-logos-vuetifyjs" },
{ label: 'Tailwind CSS', icon: 'i-logos-tailwindcss-icon' }, { label: "Tailwind CSS", icon: "i-logos-tailwindcss-icon" },
{ label: 'Pinia', icon: 'i-logos-pinia' }, { label: "Pinia", icon: "i-logos-pinia" },
{ label: 'Vite', icon: 'i-logos-vitejs' }, { label: "Vite", icon: "i-logos-vitejs" },
{ label: 'Git/GitHub', icon: 'i-mdi-github' }, { label: "Git/GitHub", icon: "i-mdi-github" },
], ],
}, },
roles: { roles: {
title: 'نقش‌ها', title: "نقش‌ها",
items: [ items: [
{ label: 'توسعه‌دهندهٔ فرانت‌اند', icon: 'i-twemoji-laptop' }, { label: "توسعه‌دهندهٔ فرانت‌اند", icon: "i-twemoji-laptop" },
{ label: 'SSR با Nuxt', icon: 'i-twemoji-rocket' }, { label: "SSR با Nuxt", icon: "i-twemoji-rocket" },
{ label: 'مهندسی رابط کاربری', icon: 'i-twemoji-toolbox' }, { label: "مهندسی رابط کاربری", icon: "i-twemoji-toolbox" },
{ label: 'DX و عملکرد', icon: 'i-twemoji-high-voltage' }, { label: "DX و عملکرد", icon: "i-twemoji-high-voltage" },
], ],
}, },
values: { values: {
title: 'ارزش‌ها', title: "ارزش‌ها",
items: [ items: [
{ label: 'خودمختاری و مالکیت', icon: 'i-twemoji-key', description: 'پیش‌قدم و مسئولیت‌پذیر؛ تحویل کار از ابتدا تا انتها.' }, {
{ label: 'استانداردهای بالا', icon: 'i-twemoji-sparkles', description: 'کیفیت به‌جای میانبر؛ کار را بهتر از قبل رها کن.' }, label: "خودمختاری و مالکیت",
{ label: 'تحویل متمرکز بر مشتری', icon: 'i-twemoji-handshake', description: 'هدف را بفهم، مرحله‌ای بساز، نتیجه را همسو نگه‌دار.' }, icon: "i-twemoji-key",
{ label: 'کار تیمی و منتورینگ', icon: 'i-twemoji-people-holding-hands', description: 'دانش را به‌اشتراک بگذار، تیم را رشد بده، قابل اتکا باش.' }, description: "پیش‌قدم و مسئولیت‌پذیر؛ تحویل کار از ابتدا تا انتها.",
{ label: 'ارتباط شفاف', icon: 'i-twemoji-speech-balloon', description: 'چرایی/چی/چطور را بگو؛ کوتاه و ترجیحاً غیرهم‌زمان.' }, },
{
label: "استانداردهای بالا",
icon: "i-twemoji-sparkles",
description: "کیفیت به‌جای میانبر؛ کار را بهتر از قبل رها کن.",
},
{
label: "تحویل متمرکز بر مشتری",
icon: "i-twemoji-handshake",
description: "هدف را بفهم، مرحله‌ای بساز، نتیجه را همسو نگه‌دار.",
},
{
label: "کار تیمی و منتورینگ",
icon: "i-twemoji-people-holding-hands",
description: "دانش را به‌اشتراک بگذار، تیم را رشد بده، قابل اتکا باش.",
},
{
label: "ارتباط شفاف",
icon: "i-twemoji-speech-balloon",
description: "چرایی/چی/چطور را بگو؛ کوتاه و ترجیحاً غیرهم‌زمان.",
},
], ],
}, },
experiences: [ experiences: [
{ {
company: 'NexaPortal', company: "گروه محرک انرژی هفت آسمان",
link: 'https://nexaportal.com/', link: "https://group7sky.ir/",
logo: '/img/NexaPortal1.png', // logo: "/img/NexaPortal1.png",
location: 'ازمیر، ترکیه · ریموت', // location: "İzmir, Türkiye · Remote",
type: 'تمام‌وقت', type: "Part-time",
positions: [ positions: [
{ {
title: 'توسعه‌دهندهٔ فرانت‌اند', title: "مدیر سیستم",
start: 'دسامبر ۲۰۲۴', start: "Jun 2024",
ongoing: true, ongoing: true,
description: [ description: [
'مشارکت در پلتفرمی برای دگرگونی مدیریت کسب‌وکار گردشگری سلامت؛ ساخت فرانت‌اندهای امن و مقیاس‌پذیر.', "پشتیبانی از عملیات OSS، انجام بررسی‌های عملکرد و گزارش‌دهی؛ کمک به بهبود کارایی تیم و رضایت مشتری.",
'پیاده‌سازی معماری Vue 3 + TypeScript با Vuetify، Vite، Pinia، RBAC و i18n؛ تمرکز بر DX، عملکرد و دسترس‌پذیری.',
'ساخت اپ کاربر و داشبورد ادمین: https://app.elaramedical.com/ · https://dashboard.elaramedical.com/',
'قابلیت‌های PWA، فلوهای فرمی سنگین، تقویم و زمان‌بندی، یکپارچه‌سازی با Google API و بلادرنگ با WebSocket.',
'دروازه‌های کیفیت: ESLint سخت‌گیرانه، تست‌های E2E با Cypress، بیلدهای سازگار با CI و کدریویو.'
],
icons: ['i-logos-vue', 'i-logos-vuetifyjs', 'i-logos-typescript-icon', 'i-logos-vitejs', 'i-logos-pinia', 'i-logos-eslint', 'i-logos-cypress'],
link: 'https://app.elaramedical.com/',
linkLabel: 'پلتفرم Elara',
},
],
},
{
company: 'Freelancer',
type: 'خویش‌فرما',
location: 'تهران، ایران · هیبرید',
positions: [
{
title: 'توسعه‌دهندهٔ فرانت‌اند | Vue.js، Nuxt.js، TailwindCSS',
start: 'سپتامبر ۲۰۲۳',
end: 'دسامبر ۲۰۲۴',
description: [
'تحویل اپ‌های SSR پرفورمنس با Nuxt 3 و Vue 3؛ بهبود سرعت و SEO.',
'طراحی سیستم‌های کامپوننتی ماژولار و نگهداشت‌پذیر؛ اطمینان از واکنش‌گرایی و دسترس‌پذیری در همه دستگاه‌ها.',
'همکاری بین‌وظیفه‌ای با Git؛ ارسال مرحله‌ای با تمرکز بر اهداف مشتری.',
'بهره‌گیری از Vuetify و VueUse برای تسریع توسعه؛ قابلیت انطباق سریع با React در صورت نیاز.',
'نمونه‌های اخیر: https://ideh.app/ · https://insho.app/ · https://laservice.ir/ · https://bamashin.net/ · https://hiloop.app/ · https://atdeloop.com/'
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-tailwindcss-icon', 'i-logos-vuetifyjs', 'i-logos-typescript-icon'],
},
],
},
{
company: 'Huawei',
logo: '/img/huawei.svg',
location: 'تهران، ایران',
positions: [
{
title: 'کارشناس ارشد عملکرد و رهبر تیم',
start: 'آوریل ۲۰۲۲',
end: 'آگوست ۲۰۲۳',
description: [
'نگهداشت عملکرد و در‌دسترس‌بودن ~۱۴٬۵۰۰ سایت MTN Irancell در سراسر کشور.',
'رهبری تحلیل KPI (2G/3G/4G)، چک‌های TCHA، ریشه‌یابی و پیگیری سرتاسری رخدادها تا حل.',
'تهیه گزارش‌های هفتگی/ماهانه/فصلانه برای ذی‌نفعان؛ پایش OLA/SLA و تصعید ریسک‌ها.',
'هماهنگی پیمانکاران و زیرپیمانکاران؛ برنامه‌ریزی و رهگیری ابتکارهای پرریسک و اقدامات بازیابی.',
'تعریف محدوده، زمان‌بندی، سیاست‌ها و رویه‌ها؛ بهبود فرآیند، ممیزی و کیفیت عملیات.',
'بهینه‌سازی OPEX با حذف هزینه‌های غیرضروری؛ پیش‌بینی و بودجه‌بندی با صورت‌های مالی به‌موقع.',
'مالک ارتباط با مشتری؛ تحقق اهداف مالی و قراردادی به‌موقع.',
'تسلط بر ابزارهای OSS/MW اکوسیستم Ericsson/Huawei/Nokia؛ منتورینگ اعضای تیم.'
],
},
{
title: 'کارشناس ارشد عملکرد',
start: 'جولای ۲۰۱۸',
end: 'جولای ۲۰۲۳',
description: [
'راندن تحلیل KPI شبکه در 2G/3G/LTE؛ شناسایی روندها و فرصت‌های بهبود.',
'مشارکت در ممیزی‌ها، بهبود فرآیند و داشبوردهای عملکرد؛ پشتیبانی از فرایندهای حل رخداد.'
],
},
{
title: 'دستیار مدیر منطقه',
start: 'مارس ۲۰۱۸',
end: 'جولای ۲۰۱۸',
description: [
'نگهداشت ~۳۰۰۰ سایت BTS در استان تهران (2G/3G/4G)؛ تحقق اهداف تحویل/پذیرش و صرفه‌جویی هزینه.',
'مدیریت زیرپیمانکاران و رابط برنامه‌ریزی؛ ترجمه طرح‌های فنی به برنامه‌های اجرایی.',
'رفع موانع حین پذیرش؛ تصعید ریسک‌های خارج از محدوده برای دستیابی به نتیجه برد-برد با مشتری.'
],
},
{
title: 'رهبر تیم TCHA',
start: 'ژوئن ۲۰۱۷',
end: 'مارس ۲۰۱۸',
description: [
'ساخت داشبوردهای جامع در‌دسترس‌بودن؛ مالک اصلی هم‌راستاسازی ذی‌نفعان زیر الزامات قراردادی سخت.',
'تحلیل KPI و کانال‌های ترافیک/کنترلی؛ اقدامات راه‌دور و پیگیری تصعیدها تا حل نهایی.',
'کسب عنوان فارغ‌التحصیل برتر در گردهمایی سالانه Huawei.'
],
},
{
title: 'کارمند بک‌آفیس',
start: 'ژوئن ۲۰۱۶',
end: 'ژوئن ۲۰۱۷',
description: [
'پشتیبانی عملیات OSS، چک‌های عملکرد و گزارش‌دهی؛ کمک به کارایی تیم و رضایت مشتری.'
],
},
],
},
{
company: 'Solar Energy World',
positions: [
{
title: 'مدیر سیستم Solaris',
start: 'جولای ۲۰۱۵',
end: 'ژوئن ۲۰۱۶',
description: ['مانیتورینگ سیستم‌های خورشیدی و ادمین Solaris.'],
},
],
},
{
company: 'Adfa l آدفا',
location: 'استان تهران، ایران',
positions: [
{
title: 'ادمین',
start: 'ژوئن ۲۰۱۵',
end: 'ژوئن ۲۰۱۶',
description: [
'پشتیبانی سخت‌افزار/نرم‌افزار و امور اداری شهرداری منطقه ۳ تهران.',
], ],
icons: ["i-logos:github-octocat", "i-logos:git-icon"],
link: "https://group7sky.ir/",
linkLabel: "Group7Sky Website",
}, },
], ],
}, },
@@ -189,99 +100,66 @@ const portfolioFa: PortfolioData = {
education: [ education: [
{ {
school: 'دانشگاه صنعتی قم', school: "دانشگاه فرهنگیان کرمان",
degree: 'کارشناسی مهندسی مخابرات', degree: "کارشناسی آموزش زبان انگلیسی",
start: '۲۰۱۰', start: "۲۰۲۵",
end: '۲۰۱۵', end: "در حال تحصیل",
icons: ['i-material-symbols-school'], icons: ["i-material-symbols-school"],
logo: '/img/qut_logo-light.jpg', logo: "/img/cfu_logo-light.png",
}, },
], ],
projects: [ projects: [
{ {
name: 'vue-cursor-rules', name: "TBW (To Be Watched)",
description: 'قواعد Cursor مبتنی بر قرارداد برای Vue 3 + TypeScript با تمرکز بر DX، دسترس‌پذیری، امنیت و خروجی قابل اتکا.', description:
"یک اپ ساده و زیبا شبیه ToDo برای فیلم و سریال ساخته‌شده با Vue 3 و Tailwind CSS (daisyUI).",
links: [ links: [
{ label: 'GitHub', to: 'https://github.com/aliarghyani/vue-cursor-rules', icon: 'i-mdi-github' }, {
label: "GitHub",
to: "https://github.com/mmahdium/TBW",
icon: "i-mdi-github",
},
{
label: "وب‌سایت",
to: "https://tbw.monasef.ir/",
icon: "i-mdi-link",
},
], ],
icons: ['i-logos-vue', 'i-logos-typescript-icon'], icons: [
status: 'فعال', "i-logos-vue",
"i-logos-typescript-icon",
"i-logos-tailwindcss-icon",
"simple-icons:axios",
"i-logos-vitejs",
"i-logos-daisyui-icon",
],
status: "فعال",
opensource: true, opensource: true,
category: 'public', category: "public",
}, },
{ {
name: 'ایده — پلتفرم نوآوری', name: "TorrentMax",
description: 'پلتفرمی پویا و مقیاس‌پذیر برای ارزیابی ایده‌ها و بینش‌های بازار.', description: "بهبود عملکرد لینک های مگنت و تورنت",
thumbnail: '/img/projects/ideh.png', // thumbnail: "/img/projects/ideh.png",
status: 'فعال', status: "فعال",
opensource: false,
links: [
{ label: 'وب‌سایت', to: 'https://ideh.app/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue'],
category: 'freelance',
},
{
name: 'Insho — بازار تبلیغات',
description: 'مارکت‌پلیس رسانه برای پیوند دادن آژانس‌ها و تولیدکنندگان محتوا در کمپین‌های تبلیغاتی پراثر.',
thumbnail: '/img/projects/insho.png',
status: 'فعال',
opensource: false,
links: [
{ label: 'وب‌سایت', to: 'https://insho.app/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-tailwindcss-icon'],
category: 'freelance',
},
{
name: 'باماشین — سامانه اجاره ناوگان',
description: 'پلتفرم اجاره برای رزرو خودرو، قایق، بالگرد، ون، دوچرخه و ناوگان متنوع در سراسر ایران.',
thumbnail: '/img/projects/bamashin.png',
status: 'فعال',
opensource: false,
links: [
{ label: 'وب‌سایت', to: 'https://bamashin.net/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue'],
category: 'freelance',
},
{
name: 'Elara Panel',
description: 'ما بسیار فراتر از یک مجموعه گردشگری سلامت هستیم. بیماران ما ارزشمندترین و محوری‌ترین نقطه ما هستند. خوشحالی آن‌ها، دریافت راهنمایی درست و تجربه خدمات بی‌نقص برای ما حیاتی است. می‌دانیم هر بیمار انتظارات و نیازهای متفاوتی دارد. در این پنل شخصی‌سازی‌شده، به اطلاعاتی دسترسی دارید که مخصوص شماست. در هر آنچه بخواهید شخصی‌سازی کنید کنار شما هستیم. با Elara Medical، درهای یک تجربه فراموش‌نشدنی گردشگری سلامت را بگشایید.',
thumbnail: '/img/elara-logo.png',
status: 'فعال',
opensource: false,
links: [
{ label: 'وب‌سایت', to: 'https://app.elaramedical.com/', icon: 'i-mdi-link' },
],
icons: ['i-logos-vue', 'i-logos-vuetifyjs', 'i-logos-typescript-icon', 'i-logos-vitejs'],
category: 'current',
},
{
name: 'Artemis Clinics',
description: 'آرتمیس، ارائه‌دهنده قابل اعتماد خدمات پزشکی در ترکیه، شما را به طیف گسترده‌ای از خدمات سلامت باکیفیت با هزینه‌ای به‌مراتب کمتر از آمریکای شمالی و اروپا متصل می‌کند، حتی با احتساب هزینه‌های سفر.',
thumbnail: '/img/artemis-new-logo.png',
status: 'فعال',
opensource: false,
links: [
{ label: 'وب‌سایت', to: 'https://app.artemisclinics.com/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-tailwindcss-icon'],
category: 'current',
},
{
name: 'NuxtUi-Portfolio-Ali',
description: 'پورتفولیو من با Nuxt 3 و Nuxt UI v4، شامل پروژه‌ها، مهارت‌ها و سوابق.',
status: 'فعال',
opensource: true, opensource: true,
links: [ links: [
{ label: 'GitHub', to: 'https://github.com/aliarghyani/NuxtUi-Portfolio-Ali', icon: 'i-mdi-github' }, {
label: "وب‌سایت",
to: "https://torrentmax.monasef.ir/",
icon: "i-mdi-link",
},
], ],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-typescript-icon', 'i-logos-tailwindcss-icon'], icons: [
category: 'public', "i-logos-nuxt-icon",
"i-logos-vue",
"i-logos-typescript-icon",
"i-logos-tailwindcss-icon",
],
category: "public",
}, },
], ],
} };
export default portfolioFa export default portfolioFa;

346
app/data/portfolio.ts
View File

@@ -1,186 +1,97 @@
import type { PortfolioData } from '@/types/portfolio.types' import type { PortfolioData } from "@/types/portfolio.types";
export const portfolio: PortfolioData = { export const portfolio: PortfolioData = {
profile: { profile: {
name: 'Ali Arghyani', name: "Mohammad Mahdi Mohammadi",
title: 'Frontend Developer', title: "A Developer?",
location: 'Tehran Province - Iran , Remote - Turkey', location: "Kerman Province - Iran",
summary: summary: "A Developer Maybe? IDK what to say here yet.",
'Passionate Frontend Developer with Vue.js, Nuxt.js, and TypeScript. Migrated from telecom team lead/analyst to modern web development with focus on DX, accessibility, performance and client-centric delivery.', // avatar: "/img/AliProfile.webp",
avatar: '/img/AliProfile.webp',
socials: { socials: {
website: 'https://www.linkedin.com/in/aliarghyani/', website: "https://mahdium.ir/",
github: 'https://github.com/aliarghyani', github: "https://github.com/mmahdium",
linkedin: 'https://www.linkedin.com/in/aliarghyani/', // linkedin: "https://www.linkedin.com/in/aliarghyani/",
telegram: 'https://t.me/Ali_Argh', telegram: "https://t.me/mmahdium",
whatsapp: 'https://wa.me/989123220694', // whatsapp: "https://wa.me/989123220694",
spotify: 'https://open.spotify.com/user/aliarghyani', // spotify: "https://open.spotify.com/user/aliarghyani",
bento: 'https://bento.me/arghyani', // bento: "https://bento.me/arghyani",
instagram: 'https://www.instagram.com/ali.arghyani/', instagram: "https://www.instagram.com/mmahdiom/",
}, },
}, },
mainTools: { mainTools: {
title: 'Main tools', title: "Main tools",
items: [ items: [
{ label: 'Vue.js', icon: 'i-logos-vue' }, { label: "Vue.js", icon: "i-logos-vue" },
{ label: 'Nuxt.js', icon: 'i-logos-nuxt-icon' }, { label: "Nuxt.js", icon: "i-logos-nuxt-icon" },
{ label: 'TypeScript', icon: 'i-logos-typescript-icon' }, { label: "TypeScript", icon: "i-logos-typescript-icon" },
{ label: 'Vuetify', icon: 'i-logos-vuetifyjs' }, { label: "Vuetify", icon: "i-logos-vuetifyjs" },
{ label: 'Tailwind CSS', icon: 'i-logos-tailwindcss-icon' }, { label: "Tailwind CSS", icon: "i-logos-tailwindcss-icon" },
{ label: 'Pinia', icon: 'i-logos-pinia' }, { label: "Pinia", icon: "i-logos-pinia" },
{ label: 'Vite', icon: 'i-logos-vitejs' }, { label: "Vite", icon: "i-logos-vitejs" },
{ label: 'Git/GitHub', icon: 'i-mdi-github' }, { label: "Git/GitHub", icon: "i-mdi-github" },
], ],
}, },
roles: { roles: {
title: 'Roles', title: "Roles",
items: [ items: [
{ label: 'Frontend Developer', icon: 'i-twemoji-laptop' }, { label: "Frontend Developer", icon: "i-twemoji-laptop" },
{ label: 'SSR with Nuxt', icon: 'i-twemoji-rocket' }, { label: "SSR with Nuxt", icon: "i-twemoji-rocket" },
{ label: 'UI Engineering', icon: 'i-twemoji-toolbox' }, { label: "UI Engineering", icon: "i-twemoji-toolbox" },
{ label: 'DX & Performance', icon: 'i-twemoji-high-voltage' }, { label: "DX & Performance", icon: "i-twemoji-high-voltage" },
], ],
}, },
values: { values: {
title: 'Values', title: "Values",
items: [ items: [
{ label: 'Autonomy & Ownership', icon: 'i-twemoji-key', description: 'Take initiative and be accountable. Deliver end-to-end.' }, {
{ label: 'High standards', icon: 'i-twemoji-sparkles', description: 'Aim for quality over shortcuts. Leave things better.' }, label: "Autonomy & Ownership",
{ label: 'Client-focused delivery', icon: 'i-twemoji-handshake', description: 'Understand goals, ship iteratively, and align outcomes.' }, icon: "i-twemoji-key",
{ label: 'Teamwork & Mentoring', icon: 'i-twemoji-people-holding-hands', description: 'Share knowledge, elevate teammates, be reliable.' }, description: "Take initiative and be accountable. Deliver end-to-end.",
{ label: 'Clear communication', icon: 'i-twemoji-speech-balloon', description: 'Explain the why/what/how. Prefer concise async updates.' }, },
{
label: "High standards",
icon: "i-twemoji-sparkles",
description: "Aim for quality over shortcuts. Leave things better.",
},
{
label: "Client-focused delivery",
icon: "i-twemoji-handshake",
description: "Understand goals, ship iteratively, and align outcomes.",
},
{
label: "Teamwork & Mentoring",
icon: "i-twemoji-people-holding-hands",
description: "Share knowledge, elevate teammates, be reliable.",
},
{
label: "Clear communication",
icon: "i-twemoji-speech-balloon",
description: "Explain the why/what/how. Prefer concise async updates.",
},
], ],
}, },
experiences: [ experiences: [
{ {
company: 'NexaPortal', company: "Group7Sky",
link: 'https://nexaportal.com/', link: "https://group7sky.ir/",
logo: '/img/NexaPortal1.png', // logo: "/img/NexaPortal1.png",
location: 'İzmir, Türkiye · Remote', // location: "İzmir, Türkiye · Remote",
type: 'Full-time', type: "Part-time",
positions: [ positions: [
{ {
title: 'Frontend Developer', title: "System Administrator",
start: 'Dec 2024', start: "Jun 2024",
ongoing: true, ongoing: true,
description: [ description: [
'Contributing to a platform transforming medical tourism business management; building secure, scalable frontends.', "Supported OSS operations, performance checks and reporting; contributed to team efficiency and customer satisfaction.",
'Implementing Vue 3 + TypeScript architecture with Vuetify, Vite, Pinia, RBAC and i18n; focus on DX, performance and a11y.',
'Built end-user app and admin dashboard: https://app.elaramedical.com/ · https://dashboard.elaramedical.com/',
'PWA features, form-heavy flows, calendar and scheduling UX, Google API integrations, and real‑time via WebSocket.',
'Quality gates: ESLint strict, E2E tests with Cypress, CI‑friendly builds and code reviews.'
],
icons: ['i-logos-vue', 'i-logos-vuetifyjs', 'i-logos-typescript-icon', 'i-logos-vitejs', 'i-logos-pinia', 'i-logos-eslint', 'i-logos-cypress'],
link: 'https://app.elaramedical.com/',
linkLabel: 'Elara Platform',
},
],
},
{
company: 'Freelancer',
type: 'Self-employed',
location: 'Tehran, Iran · Hybrid',
positions: [
{
title: 'Frontend Developer | Vue.js, Nuxt.js, TailwindCSS',
start: 'Sep 2023',
end: 'Dec 2024',
description: [
'Delivered high‑performance SSR apps with Nuxt 3 and Vue 3, improving speed and SEO.',
'Designed modular, maintainable component systems; ensured responsive, accessible UIs across devices.',
'Collaborated with cross‑functional teams using Git; shipped iteratively with clear client‑focused outcomes.',
'Leveraged Vuetify and VueUse to accelerate delivery; comfortable adapting to React when needed.',
'Recent: https://ideh.app/ · https://insho.app/ · https://laservice.ir/ · https://bamashin.net/ · https://hiloop.app/ · https://atdeloop.com/'
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-tailwindcss-icon', 'i-logos-vuetifyjs', 'i-logos-typescript-icon'],
},
],
},
{
company: 'Huawei',
logo: '/img/huawei.svg',
location: 'Tehran, Iran',
positions: [
{
title: 'Senior Performance Team Analyst and Team Lead',
start: 'Apr 2022',
end: 'Aug 2023',
description: [
'Maintained performance and availability for ~14,500 MTN Irancell sites nationwide.',
'Led KPI analysis (2G/3G/4G), TCHA checks, root‑cause analysis and end‑to‑end incident follow‑ups to resolution.',
'Produced weekly/monthly/quarterly stakeholder reports; ensured contractual OLA/SLA compliance and risk escalation.',
'Coordinated contractors and subcontractors; planned and tracked high‑risk initiatives and recovery actions.',
'Defined scope, schedules, policies and procedures; improved processes, audits and operational quality.',
'Optimized OPEX by eliminating needless costs; forecasting and budgeting with timely financial statements.',
'Owned customer communication interface; ensured financial and contractual targets were met on time.',
'Hands‑on with OSS/MW tools across Ericsson/Huawei/Nokia ecosystems; mentored team members.'
],
},
{
title: 'Senior Performance Analyst',
start: 'Jul 2018',
end: 'Jul 2023',
description: [
'Drove network KPI analysis across 2G/3G/LTE; identified trends and improvement opportunities.',
'Contributed to audits, process improvements and performance dashboards; supported incident resolution workflows.'
],
},
{
title: 'Assistant Regional Manager',
start: 'Mar 2018',
end: 'Jul 2018',
description: [
'Maintained ~3000 BTS sites across Tehran Province (2G/3G/4G); ensured delivery/acceptance and cost‑saving targets.',
'Managed subcontractors and planning interface; translated technical specs into executable implementation plans.',
'Removed blockers during acceptance; escalated out‑of‑scope risks to achieve win‑win outcomes with the customer.'
],
},
{
title: 'TCHA Team Lead',
start: 'Jun 2017',
end: 'Mar 2018',
description: [
'Built comprehensive availability dashboards; main owner driving stakeholder alignment under strict contracts.',
'Analyzed KPIs and traffic/control channels; performed remote actions and tracked escalations end‑to‑end to resolution.',
'Recognized as outstanding fresh graduate in Huawei annual meeting.'
],
},
{
title: 'Back Office Employee',
start: 'Jun 2016',
end: 'Jun 2017',
description: [
'Supported OSS operations, performance checks and reporting; contributed to team efficiency and customer satisfaction.'
],
},
],
},
{
company: 'Solar Energy World',
positions: [
{
title: 'Solaris System Administrator',
start: 'Jul 2015',
end: 'Jun 2016',
description: ['Solar systems monitoring and Solaris administration.'],
},
],
},
{
company: 'Adfa l آدفا',
location: 'Tehran Province, Iran',
positions: [
{
title: 'Administrator',
start: 'Jun 2015',
end: 'Jun 2016',
description: [
'Hardware/software support and administrative tasks for Municipality of District 3, Tehran.',
], ],
icons: ["i-logos:github-octocat", "i-logos:git-icon"],
link: "https://group7sky.ir/",
linkLabel: "Group7Sky Website",
}, },
], ],
}, },
@@ -188,99 +99,66 @@ export const portfolio: PortfolioData = {
education: [ education: [
{ {
school: 'Qom University of Technology', school: "Farhangian University of Kerman",
degree: 'B.A., Telecommunications Engineering', degree: "Bachelor of English Language Teaching",
start: '2010', start: "2025",
end: '2015', end: "ongoing",
icons: ['i-material-symbols-school'], icons: ["i-material-symbols-school"],
logo: '/img/qut_logo-light.jpg', logo: "/img/cfu_logo-light.png",
}, },
], ],
projects: [ projects: [
{ {
name: 'vue-cursor-rules', name: "TBW (To Be Watched)",
description: 'Contract-driven Cursor rules for Vue 3 + TypeScript with a focus on DX, a11y, security and production-ready outputs.', description:
"A simple and beautiful media list app built with Vue 3 and Tailwind CSS (daisyUI).",
links: [ links: [
{ label: 'GitHub', to: 'https://github.com/aliarghyani/vue-cursor-rules', icon: 'i-mdi-github' }, {
label: "GitHub",
to: "https://github.com/mmahdium/TBW",
icon: "i-mdi-github",
},
{
label: "Website",
to: "https://tbw.monasef.ir/",
icon: "i-mdi-link",
},
], ],
icons: ['i-logos-vue', 'i-logos-typescript-icon'], icons: [
status: 'Active', "i-logos-vue",
"i-logos-typescript-icon",
"i-logos-tailwindcss-icon",
"simple-icons:axios",
"i-logos-vitejs",
"i-logos-daisyui-icon",
],
status: "Active",
opensource: true, opensource: true,
category: 'public', category: "public",
}, },
{ {
name: 'Ideh — Innovating Ideas Platform', name: "TorrentMax",
description: 'Dynamic, scalable platform for idea evaluation and market insights.', description: "Enrich Your Magnet Links with Trackers Instantly",
thumbnail: '/img/projects/ideh.png', // thumbnail: "/img/projects/ideh.png",
status: 'Active', status: "Active",
opensource: false,
links: [
{ label: 'Website', to: 'https://ideh.app/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue'],
category: 'freelance',
},
{
name: 'Insho Advertising Marketplace',
description: 'Media marketplace that helps agencies and creators collaborate on high-impact advertising campaigns.',
thumbnail: '/img/projects/insho.png',
status: 'Active',
opensource: false,
links: [
{ label: 'Website', to: 'https://insho.app/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-tailwindcss-icon'],
category: 'freelance',
},
{
name: 'BaMashin Mobility Rentals',
description: 'Rental platform for booking cars, boats, helicopters, vans, bikes, and more across Iran.',
thumbnail: '/img/projects/bamashin.png',
status: 'Active',
opensource: false,
links: [
{ label: 'Website', to: 'https://bamashin.net/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue'],
category: 'freelance',
},
{
name: 'Elara Panel',
description: 'More than a medical tourism platform — a personalized experience where each patient accesses tailored information and flawless service. With Elara Medical, unlock an unforgettable medical tourism journey.',
thumbnail: '/img/elara-logo.png',
status: 'Active',
opensource: false,
links: [
{ label: 'Website', to: 'https://app.elaramedical.com/', icon: 'i-mdi-link' },
],
icons: ['i-logos-vue', 'i-logos-vuetifyjs', 'i-logos-typescript-icon', 'i-logos-vitejs'],
category: 'current',
},
{
name: 'Artemis Clinics',
description: 'Your trusted provider for medical services in Turkey, connecting you to top-quality health services at significantly lower costs than North America and Europe — even including travel expenses.',
thumbnail: '/img/artemis-new-logo.png',
status: 'Active',
opensource: false,
links: [
{ label: 'Website', to: 'https://app.artemisclinics.com/', icon: 'i-mdi-link' },
],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-tailwindcss-icon'],
category: 'current',
},
{
name: 'NuxtUi-Portfolio-Ali',
description: 'My portfolio built with Nuxt 3 and Nuxt UI v4, showcasing projects, skills, and experiences.',
status: 'Active',
opensource: true, opensource: true,
links: [ links: [
{ label: 'GitHub', to: 'https://github.com/aliarghyani/NuxtUi-Portfolio-Ali', icon: 'i-mdi-github' }, {
label: "Website",
to: "https://torrentmax.monasef.ir/",
icon: "i-mdi-link",
},
], ],
icons: ['i-logos-nuxt-icon', 'i-logos-vue', 'i-logos-typescript-icon', 'i-logos-tailwindcss-icon'], icons: [
category: 'public', "i-logos-nuxt-icon",
"i-logos-vue",
"i-logos-typescript-icon",
"i-logos-tailwindcss-icon",
],
category: "public",
}, },
], ],
} };
export default portfolio export default portfolio;

256
app/data/recommendations.ts
View File

@@ -1,133 +1,133 @@
import type { Recommendation } from '@/types/recommendation.types' import type { Recommendation } from '@/types/recommendation.types'
export const recommendations: Recommendation[] = [ export const recommendations: Recommendation[] = [
{ // {
author: "Amir P.", // author: "Amir P.",
author_title: // author_title:
"Project, Program and Operations Management | Telecom, IT, Infrastructure, Engineering and Construction | Incident Management | Continuous Improvement | Soccer Coach and Referee", // "Project, Program and Operations Management | Telecom, IT, Infrastructure, Engineering and Construction | Incident Management | Continuous Improvement | Soccer Coach and Referee",
relationship: "Worked with Ali but on different teams", // relationship: "Worked with Ali but on different teams",
date: "2024-12-05", // date: "2024-12-05",
linkedin_url: "https://www.linkedin.com/in/amir-p-30b64450", // linkedin_url: "https://www.linkedin.com/in/amir-p-30b64450",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I am pleased to write this recommendation for Ali, who has been an exceptional engineer and a valued member of our team. Over the course of his career, he has consistently demonstrated growth, commitment, and a strong work ethic. His dedication to continuous improvement and delivering high-quality results has set him apart. One of Ali's most admirable traits is his curiosity. He is never afraid to ask insightful questions to fully understand the complexities of a task. This proactive approach to learning has enabled him to tackle challenges with confidence and precision. His ability to absorb new information and apply it effectively has been a key factor in his successful contributions to our projects. In addition to his technical skills, Ali has shown an outstanding attitude towards his work and colleagues. His positive mindset, coupled with his strong interpersonal skills, makes him a natural fit in a multicultural work environment. He communicates well, listens actively, and is always willing to collaborate with others to achieve the best possible outcome. I am confident that Ali will continue to excel and make a significant impact in his career. His dedication, attitude, and approach to problem-solving will make him a valuable asset to any team or organization. I highly recommend him without reservation.", // "I am pleased to write this recommendation for Ali, who has been an exceptional engineer and a valued member of our team. Over the course of his career, he has consistently demonstrated growth, commitment, and a strong work ethic. His dedication to continuous improvement and delivering high-quality results has set him apart. One of Ali's most admirable traits is his curiosity. He is never afraid to ask insightful questions to fully understand the complexities of a task. This proactive approach to learning has enabled him to tackle challenges with confidence and precision. His ability to absorb new information and apply it effectively has been a key factor in his successful contributions to our projects. In addition to his technical skills, Ali has shown an outstanding attitude towards his work and colleagues. His positive mindset, coupled with his strong interpersonal skills, makes him a natural fit in a multicultural work environment. He communicates well, listens actively, and is always willing to collaborate with others to achieve the best possible outcome. I am confident that Ali will continue to excel and make a significant impact in his career. His dedication, attitude, and approach to problem-solving will make him a valuable asset to any team or organization. I highly recommend him without reservation.",
}, // },
{ // {
author: "Sohrab Amini", // author: "Sohrab Amini",
author_title: "Vice President - Digital Transformation & AI Platforms", // author_title: "Vice President - Digital Transformation & AI Platforms",
relationship: "Was senior to Ali but didn’t manage Ali directly", // relationship: "Was senior to Ali but didn’t manage Ali directly",
date: "2024-11-23", // date: "2024-11-23",
linkedin_url: "https://www.linkedin.com/in/sohrab-amini-67849a141", // linkedin_url: "https://www.linkedin.com/in/sohrab-amini-67849a141",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I have worked with Ali during one of my previous assignments, I found him self-driven, interacts effectively with stakeholders and a relentless commitment to delivering on promises. He often worked tirelessly to ensure that even the most challenging tasks were completed to the highest standard. I am confident his Network Performance analytics and programming skillsets holds more career achievements to come!", // "I have worked with Ali during one of my previous assignments, I found him self-driven, interacts effectively with stakeholders and a relentless commitment to delivering on promises. He often worked tirelessly to ensure that even the most challenging tasks were completed to the highest standard. I am confident his Network Performance analytics and programming skillsets holds more career achievements to come!",
}, // },
{ // {
author: "Parham Nooralishahi", // author: "Parham Nooralishahi",
author_title: // author_title:
"Staff Software Designer @ Trusted Positioning Inc. TDK | Drones and Robotics | Embedded System | Computer Vision | Deep Learning | Software Engineering", // "Staff Software Designer @ Trusted Positioning Inc. TDK | Drones and Robotics | Embedded System | Computer Vision | Deep Learning | Software Engineering",
relationship: "Worked with Ali but on different teams", // relationship: "Worked with Ali but on different teams",
date: "2024-11-18", // date: "2024-11-18",
linkedin_url: "https://www.linkedin.com/in/parham-nooralishahi", // linkedin_url: "https://www.linkedin.com/in/parham-nooralishahi",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I know Ali from my time in Huawei Tech. I am delighted to recommend him, an industrious person whom I have had the pleasure of teaching Python. In my opinion, he was one of the most promising students who participated in the program. Throughout our time together, Ali has demonstrated an impressive willingness and ability to apply programming skills in practical and innovative ways, particularly in automating tasks within his work. During the program, he quickly grasped the fundamental concepts of Python and has consistently shown a keen interest in leveraging these skills to enhance efficiency. He used the gained knowledge to automate some aspects of Telecom. KPI monitoring which in my opinion, shows his eagerness to go one step further in his job and his natural skills in programming. During the sessions in which Ali has participated, we discussed the python syntax, lambda functions, database, networking, Restful web services, HTML templating using python, and object-oriented programming. He is a professional that constantly tries to improve his skills and help the organization in which he is working in any way he can. I believe he can be an important asset for any company and I wish him constant success in the future.", // "I know Ali from my time in Huawei Tech. I am delighted to recommend him, an industrious person whom I have had the pleasure of teaching Python. In my opinion, he was one of the most promising students who participated in the program. Throughout our time together, Ali has demonstrated an impressive willingness and ability to apply programming skills in practical and innovative ways, particularly in automating tasks within his work. During the program, he quickly grasped the fundamental concepts of Python and has consistently shown a keen interest in leveraging these skills to enhance efficiency. He used the gained knowledge to automate some aspects of Telecom. KPI monitoring which in my opinion, shows his eagerness to go one step further in his job and his natural skills in programming. During the sessions in which Ali has participated, we discussed the python syntax, lambda functions, database, networking, Restful web services, HTML templating using python, and object-oriented programming. He is a professional that constantly tries to improve his skills and help the organization in which he is working in any way he can. I believe he can be an important asset for any company and I wish him constant success in the future.",
}, // },
{ // {
author: "Mona Moslemi", // author: "Mona Moslemi",
author_title: "Senior Configuration and Change Management team leader", // author_title: "Senior Configuration and Change Management team leader",
relationship: "Worked with Ali but at different companies", // relationship: "Worked with Ali but at different companies",
date: "2024-11-12", // date: "2024-11-12",
linkedin_url: "https://www.linkedin.com/in/mona-moslemi-a7408773", // linkedin_url: "https://www.linkedin.com/in/mona-moslemi-a7408773",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"Ali and I collaborated in the telecommunications industry for about five years. During this time, Ali handled multiple roles, adapting quickly and excelling in each due to his dedication, intelligence, and work ethic. Ali’s commitment to his work was one of his most defining qualities. He approached every task with thoroughness, following up consistently to ensure that projects were completed to the highest standard. Even though we weren’t on the same team and company, his collaborative spirit and professionalism made him a standout colleague. I truly enjoyed the opportunity to work with him and am confident he will be an asset in any organization he joins.", // "Ali and I collaborated in the telecommunications industry for about five years. During this time, Ali handled multiple roles, adapting quickly and excelling in each due to his dedication, intelligence, and work ethic. Ali’s commitment to his work was one of his most defining qualities. He approached every task with thoroughness, following up consistently to ensure that projects were completed to the highest standard. Even though we weren’t on the same team and company, his collaborative spirit and professionalism made him a standout colleague. I truly enjoyed the opportunity to work with him and am confident he will be an asset in any organization he joins.",
}, // },
{ // {
author: "Mahmood Rohani", // author: "Mahmood Rohani",
author_title: "Head of DevOps Engineering @AloPeyk | AWS Solution Architect", // author_title: "Head of DevOps Engineering @AloPeyk | AWS Solution Architect",
relationship: "Worked with Ali on the same team", // relationship: "Worked with Ali on the same team",
date: "2024-11-12", // date: "2024-11-12",
linkedin_url: "https://www.linkedin.com/in/mahmood-rohani", // linkedin_url: "https://www.linkedin.com/in/mahmood-rohani",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I had the pleasure of working with Ali at Huawei, where we were in different teams but collaborated closely. During our time, Ali consistently demonstrated dedication, hard work, and a keen attention to detail. He was always respectful, maintaining a logical and calm demeanor even in challenging situations. Ali was highly motivated and always pursued excellence in his work. I know he has recently started a new career path in front-end development, and with the perseverance, talent, and work ethic I've seen in him, I have no doubt that he will achieve great success, just as he has in the past. I highly recommend him!", // "I had the pleasure of working with Ali at Huawei, where we were in different teams but collaborated closely. During our time, Ali consistently demonstrated dedication, hard work, and a keen attention to detail. He was always respectful, maintaining a logical and calm demeanor even in challenging situations. Ali was highly motivated and always pursued excellence in his work. I know he has recently started a new career path in front-end development, and with the perseverance, talent, and work ethic I've seen in him, I have no doubt that he will achieve great success, just as he has in the past. I highly recommend him!",
}, // },
{ // {
author: "Ghasem Danesh", // author: "Ghasem Danesh",
author_title: "IT CS Manager at Zarrin Roya", // author_title: "IT CS Manager at Zarrin Roya",
relationship: "Worked with Ali but on different teams", // relationship: "Worked with Ali but on different teams",
date: "2024-11-10", // date: "2024-11-10",
linkedin_url: "https://www.linkedin.com/in/ghasem-danesh", // linkedin_url: "https://www.linkedin.com/in/ghasem-danesh",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I had the pleasure of working with Ali during his tenure in Huawei's Performance team, where he frequently collaborated with our IT department to address network and technical issues. Ali stood out as a dedicated team player, always proactive in finding solutions—not only for his own needs but also for any IT or network challenges that affected his team. Ali demonstrated a strong commitment to maintaining seamless operations within his team, often reaching out to troubleshoot and resolve issues with our IT department promptly. His resourcefulness and ability to coordinate solutions ensured minimal disruption and contributed to a smoother workflow for everyone involved. Ali's dedication and collaborative mindset were invaluable, and I am confident he will bring the same drive and support to any organization.", // "I had the pleasure of working with Ali during his tenure in Huawei's Performance team, where he frequently collaborated with our IT department to address network and technical issues. Ali stood out as a dedicated team player, always proactive in finding solutions—not only for his own needs but also for any IT or network challenges that affected his team. Ali demonstrated a strong commitment to maintaining seamless operations within his team, often reaching out to troubleshoot and resolve issues with our IT department promptly. His resourcefulness and ability to coordinate solutions ensured minimal disruption and contributed to a smoother workflow for everyone involved. Ali's dedication and collaborative mindset were invaluable, and I am confident he will bring the same drive and support to any organization.",
}, // },
{ // {
author: "Arya Aghaei", // author: "Arya Aghaei",
author_title: // author_title:
"Frontend Developer @ BIKE24 | Computer Software Engineering", // "Frontend Developer @ BIKE24 | Computer Software Engineering",
relationship: "Worked with Ali but on different teams", // relationship: "Worked with Ali but on different teams",
date: "2024-11-09", // date: "2024-11-09",
linkedin_url: "https://www.linkedin.com/in/arya-aghaei", // linkedin_url: "https://www.linkedin.com/in/arya-aghaei",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"It was my pleasure to work with Ali Arghyani at Huawei Technologies. He is one of those employees who comes with passion and commitment to everything he is doing. Ali was outstandingly enthusiastic about learning, mainly programming, from day one. I watched him dive into new skills, always challenging himself to improve, and his talent for creativity, effective solutions was impressive. Having the front-row seat to observe his development, from the career development paths he chose down to how he committed himself each day, is a real inspiration. I would be thrilled to recommend Ali to any team, since he is one of those people who adds value with his presence, and I am excited to see all that he will do in life.", // "It was my pleasure to work with Ali Arghyani at Huawei Technologies. He is one of those employees who comes with passion and commitment to everything he is doing. Ali was outstandingly enthusiastic about learning, mainly programming, from day one. I watched him dive into new skills, always challenging himself to improve, and his talent for creativity, effective solutions was impressive. Having the front-row seat to observe his development, from the career development paths he chose down to how he committed himself each day, is a real inspiration. I would be thrilled to recommend Ali to any team, since he is one of those people who adds value with his presence, and I am excited to see all that he will do in life.",
}, // },
{ // {
author: "Milad Natanzi", // author: "Milad Natanzi",
author_title: // author_title:
"Research Assistant @ WPI | O-RAN and AI integrator for Next-G RAN | DS | DE | AI | ML | LLM Developer", // "Research Assistant @ WPI | O-RAN and AI integrator for Next-G RAN | DS | DE | AI | ML | LLM Developer",
relationship: "Worked with Ali but on different teams", // relationship: "Worked with Ali but on different teams",
date: "2024-11-07", // date: "2024-11-07",
linkedin_url: "https://www.linkedin.com/in/natanzi", // linkedin_url: "https://www.linkedin.com/in/natanzi",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I had the opportunity to work with Ali in the same department on a Huawei project. He is incredibly talented and smart, always eager to learn more and willing to collaborate with everyone. Ali has a genuine passion for his work and a knack for keeping the team motivated, making him a fantastic teammate and someone you can always rely on to get things done right.", // "I had the opportunity to work with Ali in the same department on a Huawei project. He is incredibly talented and smart, always eager to learn more and willing to collaborate with everyone. Ali has a genuine passion for his work and a knack for keeping the team motivated, making him a fantastic teammate and someone you can always rely on to get things done right.",
}, // },
{ // {
author: "Amir Asadi", // author: "Amir Asadi",
author_title: // author_title:
"Results-Driven Operations Management Professional | Expert in Logistics Efficiency, Supply Chain Optimization and Last Mile Delivery.", // "Results-Driven Operations Management Professional | Expert in Logistics Efficiency, Supply Chain Optimization and Last Mile Delivery.",
relationship: "Managed Ali directly", // relationship: "Managed Ali directly",
date: "2024-11-05", // date: "2024-11-05",
linkedin_url: "https://www.linkedin.com/in/amir-asadi-", // linkedin_url: "https://www.linkedin.com/in/amir-asadi-",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I had the pleasure of working alongside Ali, and I can confidently say he is one of the most dedicated, detail-oriented, and solution-focused engineers I’ve collaborated with. Throughout our time together, he consistently demonstrated reliability and a proactive approach to solving challenges. Ali’s approachable demeanor and his strong track record of teamwork make him an invaluable asset to any team. I highly recommend him for any position or project that demands skill, dedication, and professionalism.", // "I had the pleasure of working alongside Ali, and I can confidently say he is one of the most dedicated, detail-oriented, and solution-focused engineers I’ve collaborated with. Throughout our time together, he consistently demonstrated reliability and a proactive approach to solving challenges. Ali’s approachable demeanor and his strong track record of teamwork make him an invaluable asset to any team. I highly recommend him for any position or project that demands skill, dedication, and professionalism.",
}, // },
{ // {
author: "Muhammad Faisal Iqbal", // author: "Muhammad Faisal Iqbal",
author_title: // author_title:
"Network Technical Support | Telecommunications Expert LTE, 5G | CCNA | RHCSA", // "Network Technical Support | Telecommunications Expert LTE, 5G | CCNA | RHCSA",
relationship: "Worked with Ali on the same team", // relationship: "Worked with Ali on the same team",
date: "2024-11-04", // date: "2024-11-04",
linkedin_url: // linkedin_url:
"https://www.linkedin.com/in/muhammad-faisal-iqbal-739a0b168", // "https://www.linkedin.com/in/muhammad-faisal-iqbal-739a0b168",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"I’ve worked closely with Ali on several projects over the years, and he’s someone I’ve always been able to count on. He’s a quick learner, a dedicated problem-solver, and brings a positive attitude to every challenge. No matter how tough the situation, Ali is always ready to help and never hesitates to ask questions to get the best result. His friendly, team-first approach has made a real difference in our work together. As he moves into web development, I have no doubt he’ll be successful. His drive to improve, strong analytical skills, and willingness to learn make him well-suited to any field he sets his mind to. I fully recommend Ali and believe he’ll thrive in this new career. Best, Faisal", // "I’ve worked closely with Ali on several projects over the years, and he’s someone I’ve always been able to count on. He’s a quick learner, a dedicated problem-solver, and brings a positive attitude to every challenge. No matter how tough the situation, Ali is always ready to help and never hesitates to ask questions to get the best result. His friendly, team-first approach has made a real difference in our work together. As he moves into web development, I have no doubt he’ll be successful. His drive to improve, strong analytical skills, and willingness to learn make him well-suited to any field he sets his mind to. I fully recommend Ali and believe he’ll thrive in this new career. Best, Faisal",
}, // },
{ // {
author: "Sami Ali", // author: "Sami Ali",
author_title: "Deputy Project Director-SVMS Operation", // author_title: "Deputy Project Director-SVMS Operation",
relationship: "Managed Ali directly", // relationship: "Managed Ali directly",
date: "2024-11-04", // date: "2024-11-04",
linkedin_url: "https://www.linkedin.com/in/sami-ali-2543852b", // linkedin_url: "https://www.linkedin.com/in/sami-ali-2543852b",
recommendation_url: // recommendation_url:
"https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0", // "https://www.linkedin.com/in/aliarghyani/details/recommendations/?detailScreenTabIndex=0",
text: // text:
"Ali Arghyani led Performance team with a strong focus on delivering results and enhancing operational efficiencies. His expertise in network performance and data analysis consistently drove improvements, while his exceptional communication skills allowed him to build positive relationships with both customers and colleagues. creating a productive and cohesive work environment. Since transitioning into frontend development, Ali has continued to demonstrate adaptability and a commitment to excellence. He is a results-oriented professional who combines technical skill with strong interpersonal abilities, making him a valuable asset in any field. I highly recommend Ali as a dedicated team player and impactful contributor.", // "Ali Arghyani led Performance team with a strong focus on delivering results and enhancing operational efficiencies. His expertise in network performance and data analysis consistently drove improvements, while his exceptional communication skills allowed him to build positive relationships with both customers and colleagues. creating a productive and cohesive work environment. Since transitioning into frontend development, Ali has continued to demonstrate adaptability and a commitment to excellence. He is a results-oriented professional who combines technical skill with strong interpersonal abilities, making him a valuable asset in any field. I highly recommend Ali as a dedicated team player and impactful contributor.",
}, // },
] ]

298
app/data/skills.ts
View File

@@ -1,63 +1,251 @@
import type { Tag } from '@/types/portfolio.types' import type { Tag } from "@/types/portfolio.types";
export const expert: Tag[] = [ export const expert: Tag[] = [
{ label: 'Vue.js', icon: 'i-logos-vue', to: 'https://vuejs.org', type: 'Framework' }, {
{ label: 'TypeScript', icon: 'i-logos-typescript-icon', to: 'https://www.typescriptlang.org', type: 'Language' }, label: "Axios",
{ label: 'JavaScript', icon: 'i-logos-javascript', to: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript', type: 'Language' }, icon: "simple-icons:axios",
{ label: 'HTML5', icon: 'i-logos-html-5', to: 'https://developer.mozilla.org/en-US/docs/Web/HTML', type: 'Language' }, to: "https://axios-http.com",
{ label: 'CSS', icon: 'i-logos-css-3', to: 'https://developer.mozilla.org/en-US/docs/Web/CSS', type: 'Language' }, type: "Library",
{ label: 'Tailwind CSS', icon: 'i-logos-tailwindcss-icon', to: 'https://tailwindcss.com', type: 'Framework' }, },
{ label: 'Vuetify', icon: 'i-logos-vuetifyjs', to: 'https://vuetifyjs.com', type: 'Library' }, {
{ label: 'Pinia', icon: 'i-logos-pinia', to: 'https://pinia.vuejs.org', type: 'Library' }, label: "Git",
{ label: 'Vite', icon: 'i-logos-vitejs', to: 'https://vitejs.dev', type: 'Tool' }, icon: "i-logos-git-icon",
{ label: 'Axios', icon: 'simple-icons:axios', to: 'https://axios-http.com', type: 'Library' }, to: "https://git-scm.com",
{ label: 'Git', icon: 'i-logos-git-icon', to: 'https://git-scm.com', type: 'DevOps' }, type: "Tool",
{ label: 'GitHub', icon: 'i-logos-github-octocat', to: 'https://github.com', type: 'Service' }, },
{ label: 'ESLint', icon: 'i-logos-eslint', to: 'https://eslint.org', type: 'Tool' }, {
{ label: 'Prettier', icon: 'i-logos-prettier', to: 'https://prettier.io', type: 'Tool' }, label: "GitHub",
{ label: 'Ant Design', icon: 'i-logos-ant-design', to: 'https://ant.design', type: 'Library' }, icon: "i-logos-github-octocat",
{ label: 'vue-i18n', icon: 'i-twemoji-globe-with-meridians', to: 'https://vue-i18n.intlify.dev', type: 'Library' }, to: "https://github.com",
{ label: 'Jira', icon: 'i-logos-jira', to: 'https://www.atlassian.com/software/jira', type: 'Service' }, type: "Service",
{ label: 'Slack', icon: 'i-logos-slack-icon', to: 'https://slack.com', type: 'Service' }, },
{ label: 'GitHub Actions', icon: 'simple-icons:githubactions', to: 'https://docs.github.com/actions', type: 'DevOps' }, {
] label: "GitLab",
icon: "i-logos-gitlab-icon",
to: "https://gitlab.com",
type: "Service",
},
{
label: "vue-i18n",
icon: "i-twemoji-globe-with-meridians",
to: "https://vue-i18n.intlify.dev",
type: "Library",
},
{
label: "GitHub Actions",
icon: "simple-icons:githubactions",
to: "https://docs.github.com/actions",
type: "DevOps",
},
{
label: "Docker",
icon: "i-logos-docker-icon",
to: "https://www.docker.com",
type: "DevOps",
},
{
label: "Linux",
icon: "i-logos-linux-tux",
to: "https://www.kernel.org",
type: "Tool", // refined from Language
},
{
label: "Ubuntu",
icon: "i-logos-ubuntu",
to: "https://www.ubuntu.com",
type: "Tool",
},
{
label: "Matomo",
icon: "i-logos-matomo-icon",
to: "https://matomo.org",
type: "Service",
},
{
label: "Cloudflare",
icon: "i-logos-cloudflare-icon",
to: "https://www.cloudflare.com",
type: "Service",
},
{
label: "DaisyUI",
icon: "i-logos-daisyui-icon",
to: "https://daisyui.com",
type: "Library",
},
{
label: "Nginx",
icon: "i-logos-nginx",
to: "https://www.nginx.com",
type: "DevOps",
},
{
label: "Supabase",
icon: "i-logos-supabase-icon",
to: "https://supabase.io",
type: "Service",
},
{
label: "Vercel",
icon: "i-logos-vercel-icon",
to: "https://vercel.com",
type: "Service",
},
{
label: "Appwrite",
icon: "i-logos-appwrite-icon",
to: "https://appwrite.io/",
type: "Service",
},
{
label: "MariaDB",
icon: "i-logos-mariadb-icon",
to: "https://mariadb.org",
type: "Data",
},
];
export const proficient: Tag[] = [ export const proficient: Tag[] = [
{ label: 'Nuxt.js', icon: 'i-logos-nuxt-icon', to: 'https://nuxt.com', type: 'Framework' }, {
{ label: 'Postman', icon: 'logos:postman-icon', to: 'https://www.postman.com', type: 'Tool' }, label: "Nuxt.js",
{ label: 'Swagger', icon: 'logos:swagger', to: 'https://swagger.io', type: 'Tool' }, icon: "i-logos-nuxt-icon",
{ label: 'Sass', icon: 'i-logos-sass', to: 'https://sass-lang.com', type: 'Language' }, to: "https://nuxt.com",
{ label: 'Nuxt UI', icon: 'i-logos-nuxt-icon', to: 'https://ui.nuxt.com', type: 'Library' }, type: "Framework",
{ label: 'Bootstrap', icon: 'i-logos-bootstrap', to: 'https://getbootstrap.com', type: 'Framework' }, },
{ label: 'Cypress', icon: 'logos:cypress-icon', to: 'https://www.cypress.io', type: 'Testing' }, {
{ label: 'Pusher', icon: 'simple-icons:pusher', to: 'https://pusher.com', type: 'Service' }, label: "Swagger",
{ label: 'WebSocket', icon: 'i-twemoji-electric-plug', to: 'https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API', type: 'Library' }, icon: "logos:swagger",
{ label: 'ECharts', icon: 'simple-icons:apacheecharts', to: 'https://echarts.apache.org', type: 'Library' }, to: "https://swagger.io",
{ label: 'Chatwoot', icon: 'simple-icons:chatwoot', to: 'https://www.chatwoot.com', type: 'Service' }, type: "Tool",
] },
{
label: "WebSocket",
icon: "i-twemoji-electric-plug",
to: "https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API",
type: "Library",
},
{
label: "Vue.js",
icon: "i-logos-vue",
to: "https://vuejs.org",
type: "Framework",
},
{
label: "TypeScript",
icon: "i-logos-typescript-icon",
to: "https://www.typescriptlang.org",
type: "Language",
},
{
label: "Tailwind CSS",
icon: "i-logos-tailwindcss-icon",
to: "https://tailwindcss.com",
type: "Library",
},
{
label: "PostgreSQL",
icon: "i-logos-postgresql",
to: "https://www.postgresql.org",
type: "Data",
},
{
label: "pnpm",
icon: "i-logos-pnpm",
to: "https://pnpm.io/",
type: "Tool",
},
{
label: "Pinia",
icon: "i-logos-pinia",
to: "https://pinia.vuejs.org",
type: "Library",
},
{
label: ".NET",
icon: "i-logos-dotnet",
to: "https://dotnet.microsoft.com/",
type: "Framework",
},
{
label: "Go",
icon: "i-logos-go",
to: "https://golang.org/",
type: "Language",
},
{
label: "Gin",
icon: "i-logos-gin",
to: "https://gin-gonic.com",
type: "Framework", // refined from Library
},
];
export const usedBefore: Tag[] = [ export const usedBefore: Tag[] = [
{ label: 'GraphQL', icon: 'i-logos-graphql', to: 'https://graphql.org', type: 'Data' }, {
{ label: 'LESS', icon: 'i-logos-less', to: 'https://lesscss.org', type: 'Language' }, label: "Python",
{ label: 'Python', icon: 'i-logos-python', to: 'https://www.python.org', type: 'Language' }, icon: "i-logos-python",
{ label: 'NumPy', icon: 'i-logos-numpy', to: 'https://numpy.org', type: 'Data' }, to: "https://www.python.org",
{ label: 'Pandas', icon: 'logos:pandas-icon', to: 'https://pandas.pydata.org', type: 'Data' }, type: "Language",
{ label: 'Linux', icon: 'i-logos-linux-tux', to: 'https://www.kernel.org', type: 'DevOps' }, },
{ label: 'Iconify', icon: 'simple-icons:iconify', to: 'https://iconify.design', type: 'Library' }, {
{ label: 'Notion', icon: 'i-logos-notion-icon', to: 'https://www.notion.so', type: 'Service' }, label: "Iconify",
{ label: 'GitLab', icon: 'logos:gitlab-icon', to: 'https://gitlab.com', type: 'DevOps' }, icon: "simple-icons:iconify",
{ label: 'Playwright', icon: 'i-logos-playwright', to: 'https://playwright.dev', type: 'Testing' }, to: "https://iconify.design",
] type: "Library",
},
{
label: "C",
icon: "i-logos-c",
to: "https://en.wikipedia.org/wiki/C_(programming_language)",
type: "Language",
},
{
label: "C++",
icon: "i-logos-c-plusplus",
to: "https://en.wikipedia.org/wiki/C%2B%2B",
type: "Language",
},
{
label: "Arduino",
icon: "simple-icons:arduino",
to: "https://www.arduino.cc/",
type: "Tool",
},
{
label: "Flask",
icon: "simple-icons:flask",
to: "https://flask.palletsprojects.com/",
type: "Framework",
},
{
label: "SQLite",
icon: "i-logos-sqlite",
to: "https://www.sqlite.org/index.html",
type: "Data",
},
{
label: "Material UI",
icon: "i-logos-material-ui",
to: "https://mui.com",
type: "Library",
},
{
label: "MongoDB",
icon: "i-logos-mongodb-icon",
to: "https://www.mongodb.com",
type: "Data",
},
];
export const aiStack: Tag[] = [ export const aiStack: Tag[] = [
{ label: 'Cursor', icon: 'i-mdi-cursor-default-click' }, { label: "Cursor", icon: "i-mdi-cursor-default-click" },
{ label: 'Qoder', icon: 'i-mdi-robot-outline' }, // { label: "Qoder", icon: "i-mdi-robot-outline" },
{ label: 'Kiro', icon: 'i-mdi-brain' }, // { label: "Kiro", icon: "i-mdi-brain" },
{ label: 'AgentRouter', icon: 'i-mdi-router-network' }, // { label: "AgentRouter", icon: "i-mdi-router-network" },
{ label: 'OpenSpec', icon: 'i-mdi-file-document-outline' }, // { label: "OpenSpec", icon: "i-mdi-file-document-outline" },
{ label: 'RooCode', icon: 'i-mdi-code-braces' }, // { label: "RooCode", icon: "i-mdi-code-braces" },
{ label: 'NotebookLM', icon: 'i-mdi-notebook-outline' }, // { label: "NotebookLM", icon: "i-mdi-notebook-outline" },
{ label: 'context7 MCP', icon: 'i-mdi-server-network' }, // { label: "context7 MCP", icon: "i-mdi-server-network" },
{ label: 'BrowserMCP Tools', icon: 'i-mdi-web' }, // { label: "BrowserMCP Tools", icon: "i-mdi-web" },
{ label: 'Chrome DevTools', icon: 'i-mdi-google-chrome' }, // { label: "Chrome DevTools", icon: "i-mdi-google-chrome" },
] ];

18
i18n/locales/en.json
View File

@@ -32,10 +32,6 @@
"label": "Teamwork", "label": "Teamwork",
"desc": "Collaborative, reliable, and generous with knowledge sharing." "desc": "Collaborative, reliable, and generous with knowledge sharing."
}, },
"teamLeadership": {
"label": "Team leadership",
"desc": "Aligns goals, unblocks teammates, fosters momentum."
},
"communication": { "communication": {
"label": "Communication", "label": "Communication",
"desc": "Clear, concise updates and respectful listening." "desc": "Clear, concise updates and respectful listening."
@@ -44,10 +40,6 @@
"label": "Team performance", "label": "Team performance",
"desc": "Improves processes and outcomes with actionable feedback." "desc": "Improves processes and outcomes with actionable feedback."
}, },
"customerFocus": {
"label": "Customer focus",
"desc": "Owns outcomes; follows through to satisfaction."
},
"projectManagement": { "projectManagement": {
"label": "Project management", "label": "Project management",
"desc": "Plans, prioritizes, and ships on schedule." "desc": "Plans, prioritizes, and ships on schedule."
@@ -59,18 +51,14 @@
}, },
"languageSection": { "languageSection": {
"tagline": "Advanced English communication for global collaboration.", "tagline": "Advanced English communication for global collaboration.",
"duolingo": {
"label": "Duolingo English Test",
"value": "85"
},
"items": { "items": {
"ielts": { "ielts": {
"title": "IELTS readiness", "title": "IELTS readiness",
"desc": "Ready to schedule the IELTS exam immediately once an overseas opportunity is confirmed; current study plan keeps academic band goals on track." "desc": "Ready to schedule the IELTS exam immediately once an overseas opportunity is confirmed; current study plan keeps academic band goals on track."
}, },
"huawei": { "ttc": {
"title": "English at Huawei", "title": "TTC Certificate and English Teaching",
"desc": "Ran performance analytics, stakeholder updates, and incident coordination entirely in English for 7+ years with multinational teams." "desc": "Holder of a Teacher Training Course (TTC) certificate with experience teaching English; delivering language concepts and skills to learners at various levels."
} }
} }
}, },

18
i18n/locales/fa.json
View File

@@ -32,10 +32,6 @@
"label": "کار تیمی", "label": "کار تیمی",
"desc": "همکار، قابل اتکا و مشتاق به اشتراک‌گذاری دانش." "desc": "همکار، قابل اتکا و مشتاق به اشتراک‌گذاری دانش."
}, },
"teamLeadership": {
"label": "رهبری تیم",
"desc": "اهداف را همسو می‌کند، موانع را برطرف و حرکت تیم را تقویت می‌کند."
},
"communication": { "communication": {
"label": "ارتباطات", "label": "ارتباطات",
"desc": "انتقال شفاف و خلاصه؛ گوش‌دادن محترمانه." "desc": "انتقال شفاف و خلاصه؛ گوش‌دادن محترمانه."
@@ -44,10 +40,6 @@
"label": "عملکرد تیم", "label": "عملکرد تیم",
"desc": "با فیدبک عملی فرآیندها و نتایج را بهبود می‌دهد." "desc": "با فیدبک عملی فرآیندها و نتایج را بهبود می‌دهد."
}, },
"customerFocus": {
"label": "تمرکز بر مشتری",
"desc": "نتیجه‌محور؛ تا حصول رضایت پیگیری می‌کند."
},
"projectManagement": { "projectManagement": {
"label": "مدیریت پروژه", "label": "مدیریت پروژه",
"desc": "برنامه‌ریزی، اولویت‌بندی و تحویل به‌موقع." "desc": "برنامه‌ریزی، اولویت‌بندی و تحویل به‌موقع."
@@ -135,18 +127,14 @@
}, },
"languageSection": { "languageSection": {
"tagline": "انگلیسی پیشرفته برای همکاری با تیم‌های بین‌المللی.", "tagline": "انگلیسی پیشرفته برای همکاری با تیم‌های بین‌المللی.",
"duolingo": {
"label": "آزمون زبان دولینگو",
"value": "85"
},
"items": { "items": {
"ielts": { "ielts": {
"title": "آمادگی آزمون آیلتس", "title": "آمادگی آزمون آیلتس",
"desc": "به محض قطعی شدن پیشنهاد کاری بین‌المللی، آزمون آیلتس را ثبت‌نام می‌کنم؛ برنامه مطالعه فعلی مهارت گفتاری و نوشتاری را در سطح آکادمیک نگه داشته است." "desc": "به محض قطعی شدن پیشنهاد کاری بین‌المللی، آزمون آیلتس را ثبت‌نام می‌کنم؛ برنامه مطالعه فعلی مهارت گفتاری و نوشتاری را در سطح آکادمیک نگه داشته است."
}, },
"huawei": { "ttc": {
"title": "تجربه کاری انگلیسی در هواوی", "title": "مدرک TTC و تدریس زبان انگلیسی",
"desc": "بیش از ۷ سال تحلیل عملکرد، گزارش‌دهی و هماهنگی رخدادها را به‌طور کامل به زبان انگلیسی با تیم‌های چندملیتی انجام داده‌ام." "desc": "دارای مدرک تربیت‌معلم (TTC) و تجربه تدریس زبان انگلیسی؛ آموزش مفاهیم و مهارت‌های زبانی به زبان‌آموزان در سطوح مختلف."
} }
} }
}, },

BIN
public/img/cfu_logo-light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/img/qut_logo-light.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB