refactor: remove bundled personal portfolio
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import Link from 'next/link';
|
||||
import { ArrowLeft, ArrowRight } from 'lucide-react';
|
||||
import type { PublicPortfolio } from '@/server/content';
|
||||
import type { Project } from '@/data/projects';
|
||||
import type { Project } from '@/types/projects';
|
||||
import { projectPath } from '@/content/contracts';
|
||||
import { CaseStudyGallery } from './CaseStudyGallery';
|
||||
import styles from './CaseStudyDrawer.module.css';
|
||||
|
||||
@@ -16,7 +16,7 @@ import {
|
||||
useState,
|
||||
type PointerEvent,
|
||||
} from 'react';
|
||||
import type { CaseStudyGalleryItem } from '@/data/projects';
|
||||
import type { CaseStudyGalleryItem } from '@/types/projects';
|
||||
import type { PublicPortfolio } from '@/server/content';
|
||||
import styles from './CaseStudyDrawer.module.css';
|
||||
|
||||
|
||||
@@ -394,9 +394,9 @@ export const ProjectsSection = ({ portfolio }: PortfolioProps) => {
|
||||
</a>
|
||||
)}
|
||||
<h3
|
||||
className={`${styles.cardTitle} ${project.id === 'qlockify' ? 'ltr-token' : ''}`}
|
||||
lang={project.id === 'qlockify' ? 'en' : undefined}
|
||||
dir={project.id === 'qlockify' ? 'ltr' : undefined}
|
||||
className={styles.cardTitle}
|
||||
|
||||
dir="auto"
|
||||
>
|
||||
{project.title}
|
||||
</h3>
|
||||
|
||||
@@ -1,36 +0,0 @@
|
||||
import type { Locale, Localized } from '@/i18n/content';
|
||||
import { portfolioImage, type PortfolioImage } from '@/types/media';
|
||||
|
||||
export interface EducationItem {
|
||||
degree: string;
|
||||
institution: string;
|
||||
date: string;
|
||||
description: string;
|
||||
logo: PortfolioImage;
|
||||
}
|
||||
|
||||
type EducationCopy = Omit<EducationItem, 'logo'>;
|
||||
|
||||
const educationContent: Localized<EducationCopy> = {
|
||||
en: {
|
||||
degree: "Bachelor's Degree in Computer Engineering",
|
||||
institution: 'University of Guilan',
|
||||
date: 'JAN 2022 - JUN 2026',
|
||||
description:
|
||||
"My bachelor's years at the University of Guilan were where I grew from a curious student into someone who could build, teach, lead, and take responsibility for real outcomes. Alongside studying Computer Engineering, I worked on software projects, served as Head of the Computer Engineering Scientific Association, coordinated teaching assistants across several courses, organized technical events, and supported other students in learning and problem-solving. More than any single subject, this period taught me how to think systematically, collaborate with people, communicate ideas clearly, and turn knowledge into something useful for others.",
|
||||
},
|
||||
fa: {
|
||||
degree: 'کارشناسی مهندسی کامپیوتر',
|
||||
institution: 'دانشگاه گیلان',
|
||||
date: 'دی ۱۴۰۰ تا خرداد ۱۴۰۵',
|
||||
description:
|
||||
'دوره کارشناسی در دانشگاه گیلان برای من فقط درس‌خواندن نبود. در این سال‌ها از یک دانشجوی کنجکاو به کسی تبدیل شدم که می‌توانست بسازد، آموزش بدهد، تیم را هدایت کند و مسئولیت نتیجه واقعی را بپذیرد. هم‌زمان با تحصیل مهندسی کامپیوتر، روی پروژه‌های نرم‌افزاری کار کردم، دبیر انجمن علمی مهندسی کامپیوتر بودم، تدریس‌یارهای چند درس را هماهنگ کردم، رویدادهای فنی برگزار کردم و در یادگیری و حل مسئله به دانشجویان دیگر کمک کردم. مهم‌تر از هر درس، یاد گرفتم منظم فکر کنم، با دیگران همکاری کنم، ایده‌ها را روشن توضیح بدهم و دانش را به چیزی مفید برای دیگران تبدیل کنم.',
|
||||
},
|
||||
};
|
||||
|
||||
export const getEducation = (locale: Locale): EducationItem => ({
|
||||
...educationContent[locale],
|
||||
logo: portfolioImage('/images/logo-guilan-crest.png', 204, 144),
|
||||
});
|
||||
|
||||
export const education = getEducation('en');
|
||||
@@ -1,252 +0,0 @@
|
||||
import type { Locale, Localized } from '@/i18n/content';
|
||||
import { portfolioImage, type PortfolioImage } from '@/types/media';
|
||||
|
||||
export interface ExperienceItem {
|
||||
id: string;
|
||||
role: string;
|
||||
company: string;
|
||||
date: string;
|
||||
location: string;
|
||||
logo: PortfolioImage;
|
||||
isCurrent?: boolean;
|
||||
summary: string;
|
||||
bullets: string[];
|
||||
}
|
||||
|
||||
type ExperienceCopy = Pick<
|
||||
ExperienceItem,
|
||||
'role' | 'company' | 'date' | 'location' | 'summary' | 'bullets'
|
||||
>;
|
||||
|
||||
interface ExperienceDefinition extends Omit<ExperienceItem, keyof ExperienceCopy> {
|
||||
content: Localized<ExperienceCopy>;
|
||||
}
|
||||
|
||||
const experienceDefinitions: ExperienceDefinition[] = [
|
||||
{
|
||||
id: 'quera',
|
||||
logo: portfolioImage('/images/logo-quera.png', 72, 72),
|
||||
isCurrent: true,
|
||||
content: {
|
||||
en: {
|
||||
role: 'Software Engineer',
|
||||
company: 'Quera',
|
||||
date: 'NOV 2024 - PRESENT',
|
||||
location: 'Tehran (Remote)',
|
||||
summary:
|
||||
'Contribute to internal engineering tools and educational products while also supporting developers and learners through mentoring and course development. My role combines software engineering, technical education, and problem design across backend development, databases, and algorithms.',
|
||||
bullets: [
|
||||
'Designed and implemented internal tools and services for staff',
|
||||
'Mentored learners and developers in programming and problem-solving',
|
||||
'Improved and designed educational programming courses in backend development, NoSQL, and SQL',
|
||||
'Designed algorithmic and implementation problems for the Python and Django contest at Technology Olympics 2025',
|
||||
],
|
||||
},
|
||||
fa: {
|
||||
role: 'مهندس نرم‌افزار',
|
||||
company: 'کوئرا',
|
||||
date: 'آبان ۱۴۰۳ تا امروز',
|
||||
location: 'تهران (دورکاری)',
|
||||
summary:
|
||||
'در توسعه ابزارهای داخلی مهندسی و محصولات آموزشی مشارکت دارم و با منتورینگ و طراحی دوره از برنامه‌نویسان و یادگیرندگان حمایت می‌کنم. این نقش مهندسی نرم‌افزار، آموزش فنی و طراحی مسئله را در حوزه Backend، پایگاه داده و الگوریتم‌ها کنار هم قرار می‌دهد.',
|
||||
bullets: [
|
||||
'ابزارها و سرویس‌های داخلی موردنیاز کارکنان را طراحی و پیاده‌سازی کردم',
|
||||
'در برنامه‌نویسی و حل مسئله به یادگیرندگان و توسعه‌دهندگان منتورینگ دادم',
|
||||
'دوره‌های برنامه‌نویسی Backend، NoSQL و SQL را طراحی و بهبود دادم',
|
||||
'برای رقابت Python و Django در المپیاد فناوری ۲۰۲۵، مسئله‌های الگوریتمی و پیاده‌سازی طراحی کردم',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'fiotrix',
|
||||
logo: portfolioImage('/images/logo-fiotrix.png', 72, 72),
|
||||
isCurrent: false,
|
||||
content: {
|
||||
en: {
|
||||
role: 'Software Engineer',
|
||||
company: 'Fiotrix',
|
||||
date: 'NOV 2025 - MAR 2026',
|
||||
location: 'Karaj, Alborz',
|
||||
summary:
|
||||
'Worked across the backend, frontend, and infrastructure of production systems, with a strong focus on performance, maintainability, and reliable deployment. I contributed to both feature development and architectural improvements, including database migration, backend refactoring, and API optimization.',
|
||||
bullets: [
|
||||
'Developed backend services using Python, Django, and DRF',
|
||||
'Built frontend features with React and TypeScript',
|
||||
'Managed services with Docker, Nginx, PgBouncer, and MinIO',
|
||||
'Collaborated using Git and GitLab for version control and CI',
|
||||
'Refactored backend code and proposed a cleaner base architecture',
|
||||
'Designed a data migration pipeline from SQL Server to PostgreSQL',
|
||||
'Reduced API response times by approximately 80% through indexing and resolving N+1 queries',
|
||||
],
|
||||
},
|
||||
fa: {
|
||||
role: 'مهندس نرم‌افزار',
|
||||
company: 'فیوتریکس',
|
||||
date: 'آبان ۱۴۰۴ تا اسفند ۱۴۰۴',
|
||||
location: 'کرج، البرز',
|
||||
summary:
|
||||
'روی Backend، Frontend و زیرساخت سامانه‌های عملیاتی کار کردم و تمرکز اصلی‌ام کارایی، نگهداشت‌پذیری و استقرار قابل‌اعتماد بود. علاوه بر توسعه قابلیت‌ها، در بهبود معماری نیز نقش داشتم؛ از مهاجرت پایگاه داده و بازآرایی Backend تا بهینه‌سازی رابط‌های برنامه‌نویسی.',
|
||||
bullets: [
|
||||
'سرویس‌های Backend را با Python، Django و DRF توسعه دادم',
|
||||
'قابلیت‌های Frontend را با React و TypeScript ساختم',
|
||||
'سرویس‌ها را با Docker، Nginx، PgBouncer و MinIO مدیریت کردم',
|
||||
'برای همکاری تیمی، کنترل نسخه و یکپارچه‌سازی پیوسته از Git و GitLab استفاده کردم',
|
||||
'کد Backend را بازآرایی و معماری پایه تمیزتری پیشنهاد کردم',
|
||||
'یک خط لوله برای مهاجرت داده از SQL Server به PostgreSQL طراحی کردم',
|
||||
'با ایندکس‌گذاری و رفع کوئری‌های N+1، زمان پاسخ رابط‌های برنامه‌نویسی را حدود ۸۰٪ کاهش دادم',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'baduno',
|
||||
logo: portfolioImage('/images/logo-baduno.png', 72, 72),
|
||||
isCurrent: false,
|
||||
content: {
|
||||
en: {
|
||||
role: 'Backend Developer',
|
||||
company: 'Baduno',
|
||||
date: 'OCT 2025 - NOV 2025',
|
||||
location: 'Tehran, Tehran',
|
||||
summary:
|
||||
'Built and deployed web scraping services with an emphasis on reusable architecture, reliability, and production readiness. My work included reverse engineering external platforms, handling anti-blocking challenges, and publishing API-based scraping services for external users.',
|
||||
bullets: [
|
||||
'Built Python and FastAPI web scraping services published on RapidAPI',
|
||||
'Developed and reverse-engineered a Google Maps scraper',
|
||||
'Designed reusable scraper workflows using the Template Method pattern',
|
||||
'Managed deployment and routing of FastAPI services using Caddy',
|
||||
'Wrote unit tests with pytest and load tests with Locust',
|
||||
'Implemented proxy rotation to reduce IP-blocking issues',
|
||||
],
|
||||
},
|
||||
fa: {
|
||||
role: 'توسعه‌دهنده بک‌اند',
|
||||
company: 'بادونو',
|
||||
date: 'مهر ۱۴۰۴ تا آبان ۱۴۰۴',
|
||||
location: 'تهران، تهران',
|
||||
summary:
|
||||
'سرویس‌های Web Scraping را با تمرکز بر معماری قابل‌استفاده مجدد، پایداری و آمادگی برای محیط واقعی ساختم و مستقر کردم. کارم شامل مهندسی معکوس پلتفرم‌های بیرونی، مدیریت چالش‌های مسدودسازی و انتشار سرویس‌های جمع‌آوری داده مبتنی بر رابط برنامه‌نویسی برای کاربران بیرونی بود.',
|
||||
bullets: [
|
||||
'سرویس‌های Web Scraping را با Python و FastAPI ساختم و در RapidAPI منتشر کردم',
|
||||
'ابزار جمع‌آوری داده از Google Maps را توسعه دادم و مهندسی معکوس کردم',
|
||||
'با الگوی روش قالب، گردش‌کارهای قابل‌استفاده مجدد برای جمع‌آوری داده طراحی کردم',
|
||||
'استقرار و مسیریابی سرویس‌های FastAPI را با Caddy مدیریت کردم',
|
||||
'با pytest تست واحد و با Locust تست بار نوشتم',
|
||||
'برای کاهش مشکل مسدودشدن نشانی‌های اینترنتی، چرخش پراکسی را پیاده‌سازی کردم',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'sharif-ta',
|
||||
logo: portfolioImage('/images/logo-sharif.png', 72, 72),
|
||||
isCurrent: false,
|
||||
content: {
|
||||
en: {
|
||||
role: 'Teaching Assistant',
|
||||
company: 'Sharif University of Technology',
|
||||
date: 'OCT 2025 - JAN 2026',
|
||||
location: 'Tehran, Tehran',
|
||||
summary:
|
||||
'Supported introductory programming courses by helping students build strong foundations in programming concepts, problem-solving, and practical implementation while working alongside course instructors.',
|
||||
bullets: [
|
||||
'Fundamentals of Programming, Dr. Mohammad Nazari (1404-1)',
|
||||
'Fundamentals of Programming, Dr. Zahra Mafi (1404-1)',
|
||||
],
|
||||
},
|
||||
fa: {
|
||||
role: 'تدریس‌یار',
|
||||
company: 'دانشگاه صنعتی شریف',
|
||||
date: 'مهر ۱۴۰۴ تا دی ۱۴۰۴',
|
||||
location: 'تهران، تهران',
|
||||
summary:
|
||||
'در درس‌های مقدماتی برنامه‌نویسی کنار استادان درس، به دانشجویان کمک کردم پایه محکمی در مفاهیم برنامه‌نویسی، حل مسئله و پیاده‌سازی عملی بسازند.',
|
||||
bullets: [
|
||||
'مبانی برنامه‌نویسی، دکتر محمد نظری (۱۴۰۴-۱)',
|
||||
'مبانی برنامه‌نویسی، دکتر زهرا مافی (۱۴۰۴-۱)',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'guilan-assoc',
|
||||
logo: portfolioImage('/images/logo-guilan-assoc.png', 72, 72),
|
||||
isCurrent: false,
|
||||
content: {
|
||||
en: {
|
||||
role: 'Head of Scientific Association of Computer Engineering',
|
||||
company: 'University of Guilan',
|
||||
date: 'SEP 2024 - JUN 2026',
|
||||
location: 'Rasht, Guilan',
|
||||
summary:
|
||||
'Led the Computer Engineering Scientific Association and helped organize its academic and community activities. The role involved coordinating teams, planning events, and managing ongoing tasks across both online and in-person initiatives.',
|
||||
bullets: [
|
||||
'Managed online and on-site events',
|
||||
'Coordinated tasks and team workflows using Notion',
|
||||
],
|
||||
},
|
||||
fa: {
|
||||
role: 'دبیر انجمن علمی مهندسی کامپیوتر',
|
||||
company: 'دانشگاه گیلان',
|
||||
date: 'شهریور ۱۴۰۳ تا خرداد ۱۴۰۵',
|
||||
location: 'رشت، گیلان',
|
||||
summary:
|
||||
'هدایت انجمن علمی مهندسی کامپیوتر و برنامه‌ریزی فعالیت‌های علمی و اجتماعی آن را بر عهده داشتم. در این نقش، تیم‌ها را هماهنگ می‌کردم، رویدادها را برنامه‌ریزی می‌کردم و کارهای جاری برنامه‌های آنلاین و حضوری را پیش می‌بردم.',
|
||||
bullets: [
|
||||
'رویدادهای آنلاین و حضوری را مدیریت کردم',
|
||||
'کارها و گردش‌کار تیم را با Notion هماهنگ کردم',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'guilan-ta-head',
|
||||
logo: portfolioImage('/images/logo-guilan-ta.png', 72, 72),
|
||||
isCurrent: false,
|
||||
content: {
|
||||
en: {
|
||||
role: 'Head of Teaching Assistants',
|
||||
company: 'University of Guilan',
|
||||
date: 'SEP 2024 - JAN 2026',
|
||||
location: 'Rasht, Guilan',
|
||||
summary:
|
||||
'Coordinated teaching assistant activities across multiple Computer Engineering courses, combining academic support with team organization and course-level responsibilities across programming, databases, systems, and software engineering.',
|
||||
bullets: [
|
||||
'Fundamentals of Programming (1403-1)',
|
||||
'Computer Workshop (1403-1)',
|
||||
'Database Design (1403-1 & 1403-2)',
|
||||
'System Analysis and Design (1403-2)',
|
||||
'OS Fundamentals & Lab (1403-1)',
|
||||
'Software Engineering (1404-1)',
|
||||
'Data Structures & Algorithms (1404-1)',
|
||||
],
|
||||
},
|
||||
fa: {
|
||||
role: 'سرپرست تدریس‌یارها',
|
||||
company: 'دانشگاه گیلان',
|
||||
date: 'شهریور ۱۴۰۳ تا دی ۱۴۰۴',
|
||||
location: 'رشت، گیلان',
|
||||
summary:
|
||||
'فعالیت تدریس‌یارهای چند درس مهندسی کامپیوتر را هماهنگ کردم. این مسئولیت، پشتیبانی آموزشی و مدیریت تیم را در درس‌های برنامه‌نویسی، پایگاه داده، سیستم‌ها و مهندسی نرم‌افزار کنار هم قرار می‌داد.',
|
||||
bullets: [
|
||||
'مبانی برنامه‌نویسی (۱۴۰۳-۱)',
|
||||
'کارگاه کامپیوتر (۱۴۰۳-۱)',
|
||||
'طراحی پایگاه داده (۱۴۰۳-۱ و ۱۴۰۳-۲)',
|
||||
'تحلیل و طراحی سیستم (۱۴۰۳-۲)',
|
||||
'مبانی سیستم‌عامل و آزمایشگاه (۱۴۰۳-۱)',
|
||||
'مهندسی نرم‌افزار (۱۴۰۴-۱)',
|
||||
'ساختمان داده و الگوریتم‌ها (۱۴۰۴-۱)',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
export const getExperiences = (locale: Locale): ExperienceItem[] =>
|
||||
experienceDefinitions.map(({ content, ...experience }) => ({
|
||||
...experience,
|
||||
...content[locale],
|
||||
}));
|
||||
|
||||
export const experiences = getExperiences('en');
|
||||
@@ -1,136 +0,0 @@
|
||||
import type { Locale, Localized } from '@/i18n/content';
|
||||
import { portfolioImage, type PortfolioImage } from '@/types/media';
|
||||
|
||||
export interface MilestoneItem {
|
||||
id: string;
|
||||
title: string;
|
||||
issuer: string;
|
||||
date: string;
|
||||
description: string;
|
||||
image: PortfolioImage;
|
||||
link?: string;
|
||||
}
|
||||
|
||||
type MilestoneCopy = Pick<
|
||||
MilestoneItem,
|
||||
'title' | 'issuer' | 'date' | 'description'
|
||||
>;
|
||||
|
||||
interface MilestoneDefinition extends Omit<MilestoneItem, keyof MilestoneCopy> {
|
||||
content: Localized<MilestoneCopy>;
|
||||
}
|
||||
|
||||
const milestoneDefinitions: MilestoneDefinition[] = [
|
||||
{
|
||||
id: 'hackathon',
|
||||
image: portfolioImage('/images/cert-hackathon.png', 2159, 1510),
|
||||
link: 'https://starcoach.ir/certificate/STC20263139',
|
||||
content: {
|
||||
en: {
|
||||
title: 'Agentic AI Development Hackathon',
|
||||
issuer: 'Startcoach.ir',
|
||||
date: 'AUGUST 2026',
|
||||
description:
|
||||
'This hackathon gave me the opportunity to explore the rapidly evolving field of agentic AI through hands-on problem-solving and experimentation. Working within a limited timeframe encouraged rapid learning, technical decision-making, and creative thinking while deepening my understanding of how AI-driven systems can be designed to solve practical problems.',
|
||||
},
|
||||
fa: {
|
||||
title: 'هکاتون توسعه هوش مصنوعی عامل‌محور',
|
||||
issuer: 'استارکوچ',
|
||||
date: 'مرداد ۱۴۰۵',
|
||||
description:
|
||||
'این هکاتون فرصتی بود تا حوزه رو به رشد هوش مصنوعی عامل‌محور را با حل مسئله و آزمون عملی بهتر بشناسم. محدودیت زمان باعث شد سریع‌تر یاد بگیرم، تصمیم‌های فنی را به‌موقع بگیرم و راه‌حل‌های خلاقانه را امتحان کنم. در این مسیر، درکم از طراحی سامانه‌های هوشمند برای حل مسئله‌های واقعی عمیق‌تر شد.',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'icpc-2025',
|
||||
image: portfolioImage('/images/cert-icpc-2025.png', 1082, 768),
|
||||
link: 'https://www.linkedin.com/in/amiirkhl/overlay/Certifications/1331555202/treasury/?profileId=ACoAAEJsAwMBCv3L9dYcEXWam-l3pLOJ3UspX7w',
|
||||
content: {
|
||||
en: {
|
||||
title: 'ICPC 2025 Regional Finalist',
|
||||
issuer: 'International Collegiate Programming Contest (ICPC)',
|
||||
date: 'AUGUST 2025',
|
||||
description:
|
||||
'Competing as an ICPC Regional Finalist challenged me to solve complex algorithmic problems under strict time constraints while working closely with my teammates. The experience strengthened my problem-solving, algorithmic thinking, communication, and ability to stay focused when approaching unfamiliar technical challenges.',
|
||||
},
|
||||
fa: {
|
||||
title: 'فینالیست منطقه‌ای مسابقات جهانی برنامه‌نویسی دانشجویی ۲۰۲۵',
|
||||
issuer: 'مسابقات جهانی برنامه‌نویسی دانشجویی',
|
||||
date: 'مرداد ۱۴۰۴',
|
||||
description:
|
||||
'حضور در مرحله نهایی منطقه‌ای مسابقات جهانی برنامه‌نویسی دانشجویی من را وادار کرد زیر فشار زمانی سخت و در همکاری نزدیک با هم‌تیمی‌هایم، مسئله‌های الگوریتمی پیچیده را حل کنم. این تجربه مهارت حل مسئله، تفکر الگوریتمی، ارتباط تیمی و تمرکزم هنگام روبه‌روشدن با چالش‌های فنی ناآشنا را تقویت کرد.',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'pm-bootcamp',
|
||||
image: portfolioImage('/images/cert-bootcamp.png', 3627, 2599),
|
||||
link: 'https://www.linkedin.com/in/amiirkhl/overlay/Certifications/812043696/treasury/?profileId=ACoAAEJsAwMBCv3L9dYcEXWam-l3pLOJ3UspX7w',
|
||||
content: {
|
||||
en: {
|
||||
title: 'Product Management Bootcamp',
|
||||
issuer: 'Prodemy.ir',
|
||||
date: 'JANUARY 2026',
|
||||
description:
|
||||
'This bootcamp expanded my perspective beyond engineering and helped me better understand how successful products are shaped around real user needs and business goals. I explored product thinking, discovery, prioritization, planning, and cross-functional collaboration, strengthening my ability to connect technical decisions with the bigger picture of a product.',
|
||||
},
|
||||
fa: {
|
||||
title: 'بوت‌کمپ مدیریت محصول',
|
||||
issuer: 'پرودمی',
|
||||
date: 'دی ۱۴۰۴',
|
||||
description:
|
||||
'این بوت‌کمپ نگاهم را از مهندسی فراتر برد و کمک کرد بفهمم محصول موفق چطور بر اساس نیاز واقعی کاربر و هدف کسب‌وکار شکل می‌گیرد. در این دوره با تفکر محصول، کشف مسئله، اولویت‌بندی، برنامه‌ریزی و همکاری میان‌تیمی کار کردم و یاد گرفتم تصمیم‌های فنی را به تصویر کلی محصول وصل کنم.',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'icpc-2024',
|
||||
image: portfolioImage('/images/cert-icpc-2024.png', 1078, 768),
|
||||
content: {
|
||||
en: {
|
||||
title: 'ICPC 2024 - Online Participant',
|
||||
issuer: 'International Collegiate Programming Contest (ICPC)',
|
||||
date: 'SEPTEMBER 2024',
|
||||
description:
|
||||
'Participating in ICPC gave me valuable exposure to competitive programming and pushed me to approach problems with greater structure, speed, and precision. It helped strengthen my foundations in algorithms and data structures while motivating me to continue developing the skills needed for higher-level programming competitions.',
|
||||
},
|
||||
fa: {
|
||||
title: 'شرکت‌کننده آنلاین مسابقات جهانی برنامه‌نویسی دانشجویی ۲۰۲۴',
|
||||
issuer: 'مسابقات جهانی برنامه‌نویسی دانشجویی',
|
||||
date: 'شهریور ۱۴۰۳',
|
||||
description:
|
||||
'شرکت در این مسابقات من را با برنامه‌نویسی رقابتی آشناتر کرد و واداشت مسئله‌ها را منظم‌تر، سریع‌تر و دقیق‌تر حل کنم. این تجربه پایه‌ام را در الگوریتم و ساختمان داده تقویت کرد و انگیزه‌ام را برای آماده‌شدن جهت رقابت‌های سطح بالاتر بیشتر کرد.',
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'django-bootcamp',
|
||||
image: portfolioImage('/images/cert-django.png', 3508, 2480),
|
||||
link: 'https://quera.org/certificate/F1mYkTZR/',
|
||||
content: {
|
||||
en: {
|
||||
title: 'Backend development with Django Bootcamp',
|
||||
issuer: 'Quera.org',
|
||||
date: 'NOVEMBER 2024',
|
||||
description:
|
||||
'This bootcamp strengthened my foundations in backend development and helped turn my knowledge of Python into practical web engineering skills. Through Django, I developed a deeper understanding of backend architecture, databases, APIs, authentication, and building maintainable server-side applications. These skills later became a major part of my software engineering work.',
|
||||
},
|
||||
fa: {
|
||||
title: 'بوت‌کمپ توسعه Backend با Django',
|
||||
issuer: 'کوئرا',
|
||||
date: 'آبان ۱۴۰۳',
|
||||
description:
|
||||
'این بوت‌کمپ پایه‌ام را در توسعه Backend تقویت کرد و دانسته‌هایم در Python را به مهارت‌های عملی مهندسی وب نزدیک‌تر کرد. با Django درک عمیق‌تری از معماری Backend، پایگاه داده، رابط برنامه‌نویسی، احراز هویت و ساخت برنامه‌های سمت سرور با نگهداشت‌پذیری بالا پیدا کردم. بعدها همین مهارت‌ها بخش مهمی از کارم در مهندسی نرم‌افزار شدند.',
|
||||
},
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
export const getMilestones = (locale: Locale): MilestoneItem[] =>
|
||||
milestoneDefinitions.map(({ content, ...milestone }) => ({
|
||||
...milestone,
|
||||
...content[locale],
|
||||
}));
|
||||
|
||||
export const milestones = getMilestones('en');
|
||||
@@ -1,638 +0,0 @@
|
||||
import type { Locale, Localized } from '@/i18n/content';
|
||||
import { portfolioImage, type PortfolioImage } from '@/types/media';
|
||||
|
||||
export type CaseStudyDiscipline = 'product' | 'engineering' | 'design';
|
||||
|
||||
export interface CaseStudyDecision {
|
||||
discipline: CaseStudyDiscipline;
|
||||
title: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
export interface CaseStudyGalleryItem {
|
||||
image: PortfolioImage;
|
||||
alt: string;
|
||||
caption: string;
|
||||
}
|
||||
|
||||
export interface ProjectCaseStudy {
|
||||
introduction: string;
|
||||
role: string;
|
||||
targetUsers: string;
|
||||
status: string;
|
||||
challenge: string;
|
||||
ownership: string[];
|
||||
decisions: CaseStudyDecision[];
|
||||
outcomes: string[];
|
||||
skills: string[];
|
||||
tools: string[];
|
||||
team?: string;
|
||||
constraints?: string[];
|
||||
metrics?: Array<{ value: string; label: string }>;
|
||||
lessons?: string[];
|
||||
gallery: CaseStudyGalleryItem[];
|
||||
}
|
||||
|
||||
export interface Project {
|
||||
id: string;
|
||||
title: string;
|
||||
liveUrl?: string;
|
||||
date: string;
|
||||
description: string;
|
||||
tags: string[];
|
||||
image: PortfolioImage;
|
||||
caseStudy: ProjectCaseStudy;
|
||||
}
|
||||
|
||||
type GalleryCopy = Pick<CaseStudyGalleryItem, 'alt' | 'caption'>;
|
||||
type CaseStudyCopy = Omit<ProjectCaseStudy, 'gallery'>;
|
||||
type ProjectCopy = Pick<Project, 'title' | 'date' | 'description'> & {
|
||||
caseStudy: CaseStudyCopy;
|
||||
};
|
||||
|
||||
interface GalleryDefinition {
|
||||
image: PortfolioImage;
|
||||
content: Localized<GalleryCopy>;
|
||||
}
|
||||
|
||||
interface ProjectDefinition
|
||||
extends Omit<Project, keyof ProjectCopy | 'caseStudy'> {
|
||||
gallery: GalleryDefinition[];
|
||||
content: Localized<ProjectCopy>;
|
||||
}
|
||||
|
||||
const projectDefinitions: ProjectDefinition[] = [
|
||||
{
|
||||
id: 'qlockify',
|
||||
liveUrl: 'https://qlockfiy.ir',
|
||||
tags: ['Django', 'React', 'Docker', 'UI/UX Design'],
|
||||
image: portfolioImage('/images/project-qlockify.png', 359, 200),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-landing.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify landing page introducing the time-tracking product', caption: 'The public landing experience introduces Qlockify and its core value.' },
|
||||
fa: { alt: 'صفحه اصلی Qlockify برای معرفی محصول ثبت زمان', caption: 'صفحه اصلی، Qlockify و ارزش اصلی آن را معرفی می‌کند.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-auth-mobile.png', 1440, 900),
|
||||
content: {
|
||||
en: { alt: 'Qlockify authentication experience shown on mobile devices', caption: 'Responsive account access designed for mobile use.' },
|
||||
fa: { alt: 'تجربه ورود به حساب Qlockify روی دستگاه‌های موبایل', caption: 'دسترسی واکنش‌گرا به حساب کاربری برای استفاده در موبایل.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-timesheet.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify timesheet with tracked work entries', caption: 'The timesheet keeps tracked work visible and organized by context.' },
|
||||
fa: { alt: 'برگه زمانی Qlockify با فعالیت‌های ثبت‌شده', caption: 'برگه زمانی، فعالیت‌های ثبت‌شده را بر اساس زمینه کاری مرتب و قابل‌مشاهده نگه می‌دارد.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-report-table.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify report displayed as a detailed data table', caption: 'A detailed report view supports review and export workflows.' },
|
||||
fa: { alt: 'گزارش Qlockify در قالب جدول جزئیات', caption: 'نمای جزئیات گزارش، بررسی داده‌ها و دریافت خروجی را پشتیبانی می‌کند.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-report-chart.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify report visualized with charts', caption: 'Chart-based reporting makes time distribution easier to compare.' },
|
||||
fa: { alt: 'گزارش Qlockify با نمایش نموداری', caption: 'گزارش نموداری، مقایسه توزیع زمان را ساده‌تر می‌کند.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-workspaces.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify workspace management interface', caption: 'Workspaces connect members, projects, tracked time, and reporting.' },
|
||||
fa: { alt: 'رابط مدیریت فضای کاری Qlockify', caption: 'فضاهای کاری، اعضا، پروژه‌ها، زمان‌های ثبت‌شده و گزارش‌ها را به هم متصل می‌کنند.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-about.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify about page explaining the product', caption: 'The product story and principles behind Qlockify.' },
|
||||
fa: { alt: 'صفحه درباره Qlockify با توضیح محصول', caption: 'داستان محصول و اصولی که Qlockify بر اساس آن‌ها ساخته شده است.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/qlockify/qlockify-loading.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Qlockify branded loading experience', caption: 'A restrained loading state maintains continuity while data is prepared.' },
|
||||
fa: { alt: 'نمای بارگذاری با هویت بصری Qlockify', caption: 'نمای بارگذاری ساده، هنگام آماده‌شدن داده‌ها پیوستگی تجربه را حفظ می‌کند.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'Qlockify',
|
||||
date: 'FEB 2026 - PRESENT',
|
||||
description: 'A single workspace for recording work, organizing billable time, managing access, and turning tracked activity into useful reports.',
|
||||
caseStudy: {
|
||||
introduction: 'Built a production-ready time tracking platform for teams and freelancers to manage workspaces, projects, billable hours, and reports in one place. Users can track their work time, organize it by project, manage access inside each workspace, generate reports for admins and clients, and export insights.',
|
||||
role: 'Full-stack developer and UI/UX designer',
|
||||
targetUsers: 'Teams, freelancers, workspace administrators, and clients',
|
||||
status: 'In progress',
|
||||
challenge: 'Time, project context, access control, and reporting are often split across separate workflows. Qlockify brings those jobs into one product while preserving the needs of team members, administrators, and clients.',
|
||||
ownership: [
|
||||
'Built time tracking and project organization workflows.',
|
||||
'Implemented workspace access management.',
|
||||
'Created reporting and export flows for administrators and clients.',
|
||||
'Designed the interface across the product’s core workflows.',
|
||||
],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'Workspace-centered organization', description: 'Kept projects, people, tracked time, and reports inside a shared workspace model so related work stays connected.' },
|
||||
{ discipline: 'engineering', title: 'Separated application responsibilities', description: 'Used Django for the backend, React for the interface, and Docker for repeatable deployment.' },
|
||||
{ discipline: 'design', title: 'Role-aware reporting', description: 'Organized reporting around the different information needs of team members, administrators, and clients.' },
|
||||
],
|
||||
outcomes: [
|
||||
'Consolidated time tracking, project organization, access management, reporting, and exports into one platform.',
|
||||
'Made tracked work reusable for internal administration and client-facing reporting.',
|
||||
],
|
||||
skills: ['Product engineering', 'Backend development', 'Frontend development', 'UI/UX design'],
|
||||
tools: ['Django', 'React', 'Docker'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'Qlockify',
|
||||
date: 'بهمن ۱۴۰۴ تا امروز',
|
||||
description: 'یک فضای کاری یکپارچه برای ثبت فعالیت، سامان‌دهی زمان قابل‌صورتحساب، مدیریت دسترسی و تبدیل داده‌های زمانی به گزارش‌های کاربردی.',
|
||||
caseStudy: {
|
||||
introduction: 'یک پلتفرم آماده استفاده در محیط واقعی برای ثبت زمان تیم‌ها و فریلنسرها ساختم تا فضاهای کاری، پروژه‌ها، ساعت‌های قابل‌صورتحساب و گزارش‌ها را یک‌جا مدیریت کنند. کاربران می‌توانند زمان کارشان را ثبت و بر اساس پروژه دسته‌بندی کنند، دسترسی‌های هر فضای کاری را مدیریت کنند، برای مدیران و مشتریان گزارش بسازند و خروجی بگیرند.',
|
||||
role: 'توسعه‌دهنده Full-stack و طراح UI/UX',
|
||||
targetUsers: 'تیم‌ها، فریلنسرها، مدیران فضای کاری و مشتریان',
|
||||
status: 'در حال توسعه',
|
||||
challenge: 'اطلاعات زمان، پروژه، دسترسی و گزارش معمولا در چند فرایند جدا قرار می‌گیرند. Qlockify این نیازها را در یک محصول جمع می‌کند و تفاوت نیاز اعضای تیم، مدیر و مشتری را حفظ می‌کند.',
|
||||
ownership: [
|
||||
'تجربه ثبت زمان و سامان‌دهی فعالیت‌ها بر اساس پروژه را توسعه دادم.',
|
||||
'مدیریت دسترسی افراد در هر فضای کاری را پیاده‌سازی کردم.',
|
||||
'فرایند گزارش‌گیری و دریافت خروجی برای مدیران و مشتریان را ساختم.',
|
||||
'رابط کاربری مسیرهای اصلی محصول را طراحی کردم.',
|
||||
],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'سامان‌دهی حول فضای کاری', description: 'پروژه‌ها، افراد، زمان‌های ثبت‌شده و گزارش‌ها در یک مدل فضای کاری قرار گرفتند تا اطلاعات مرتبط از هم جدا نشوند.' },
|
||||
{ discipline: 'engineering', title: 'تفکیک مسئولیت‌های برنامه', description: 'برای بخش سمت سرور از Django، برای رابط از React و برای استقرار تکرارپذیر از Docker استفاده شد.' },
|
||||
{ discipline: 'design', title: 'گزارش متناسب با نقش کاربران', description: 'ساختار گزارش‌ها بر اساس نیاز متفاوت اعضای تیم، مدیران و مشتریان شکل گرفت.' },
|
||||
],
|
||||
outcomes: [
|
||||
'ثبت زمان، سامان‌دهی پروژه، مدیریت دسترسی، گزارش و خروجی در یک پلتفرم یکپارچه شد.',
|
||||
'داده‌های ثبت‌شده هم برای مدیریت داخلی و هم برای گزارش به مشتری قابل‌استفاده شدند.',
|
||||
],
|
||||
skills: ['مهندسی محصول', 'توسعه Backend', 'توسعه Frontend', 'طراحی UI/UX'],
|
||||
tools: ['Django', 'React', 'Docker'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'guilan-ace',
|
||||
liveUrl: 'https://east-guilan-ce.ir/',
|
||||
tags: ['Django Ninja', 'Next.js', 'Docker'],
|
||||
image: portfolioImage('/images/project-guilan-ace.png', 359, 200),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/guilan-ace/guilan-ace-landing-dark.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Guilan ACE landing page in dark mode', caption: 'The association landing experience in dark mode.' },
|
||||
fa: { alt: 'صفحه اصلی انجمن علمی مهندسی کامپیوتر گیلان در حالت تیره', caption: 'تجربه صفحه اصلی انجمن در حالت تیره.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/guilan-ace/guilan-ace-landing-light.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Guilan ACE landing page in light mode', caption: 'The same association landing experience in light mode.' },
|
||||
fa: { alt: 'صفحه اصلی انجمن علمی مهندسی کامپیوتر گیلان در حالت روشن', caption: 'همان تجربه صفحه اصلی انجمن در حالت روشن.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/guilan-ace/guilan-ace-events.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Guilan ACE events listing with event cards and filters', caption: 'The events experience helps visitors discover and review association activities.' },
|
||||
fa: { alt: 'فهرست رویدادهای انجمن علمی مهندسی کامپیوتر گیلان با کارت‌ها و فیلترها', caption: 'بخش رویدادها به بازدیدکنندگان کمک می‌کند فعالیت‌های انجمن را پیدا و بررسی کنند.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'Guilan ACE',
|
||||
date: 'JUL 2025 - PRESENT',
|
||||
description: 'A shared digital home for the association’s events, articles, registrations, and community discussion.',
|
||||
caseStudy: {
|
||||
introduction: 'Developed the Scientific Association of Computer Engineering website for event management and article publishing, helping members organize activities and users register for events, read blog posts, and share ideas through comments.',
|
||||
role: 'Full-stack developer',
|
||||
targetUsers: 'Association members, students, event attendees, and readers',
|
||||
status: 'In progress',
|
||||
challenge: 'The association needed one place to publish knowledge and coordinate event activity for both organizers and participants.',
|
||||
ownership: ['Developed event management and registration workflows.', 'Built article publishing and reading experiences.', 'Supported community participation through comments.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'One home for activity and knowledge', description: 'Combined events and publishing so visitors can discover upcoming activity and reusable educational content.' },
|
||||
{ discipline: 'engineering', title: 'API and interface separation', description: 'Used Django Ninja for application APIs, Next.js for the web experience, and Docker for deployment.' },
|
||||
{ discipline: 'design', title: 'Clear participant journeys', description: 'Kept registration, reading, and commenting understandable for visitors who are not site administrators.' },
|
||||
],
|
||||
outcomes: ['Gave members a centralized way to organize events and publish articles.', 'Enabled visitors to register, read, and participate from the same website.'],
|
||||
skills: ['Full-stack development', 'Information architecture', 'Community product design'],
|
||||
tools: ['Django Ninja', 'Next.js', 'Docker'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'انجمن علمی مهندسی کامپیوتر گیلان',
|
||||
date: 'تیر ۱۴۰۴ تا امروز',
|
||||
description: 'یک خانه دیجیتال مشترک برای رویدادها، مقاله‌ها، ثبت‌نام و گفت‌وگوی اعضای انجمن.',
|
||||
caseStudy: {
|
||||
introduction: 'وب‌سایت انجمن علمی مهندسی کامپیوتر را برای مدیریت رویدادها و انتشار مقاله توسعه دادم. اعضا می‌توانند فعالیت‌ها را سامان دهند و کاربران هم برای رویدادها ثبت‌نام کنند، نوشته‌های وبلاگ را بخوانند و نظرشان را در بخش دیدگاه‌ها به اشتراک بگذارند.',
|
||||
role: 'توسعه‌دهنده Full-stack',
|
||||
targetUsers: 'اعضای انجمن، دانشجویان، شرکت‌کنندگان رویداد و خوانندگان',
|
||||
status: 'در حال توسعه',
|
||||
challenge: 'انجمن به فضایی یکپارچه نیاز داشت تا هم دانش را منتشر کند و هم فعالیت‌های رویداد را برای برگزارکنندگان و شرکت‌کنندگان سامان دهد.',
|
||||
ownership: ['فرایندهای مدیریت رویداد و ثبت‌نام را توسعه دادم.', 'تجربه انتشار و مطالعه مقاله‌ها را ساختم.', 'امکان مشارکت کاربران از طریق دیدگاه‌ها را فراهم کردم.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'یک خانه برای فعالیت و دانش', description: 'رویدادها و انتشار مقاله کنار هم قرار گرفتند تا بازدیدکنندگان فعالیت‌های پیش رو و محتوای آموزشی ماندگار را پیدا کنند.' },
|
||||
{ discipline: 'engineering', title: 'تفکیک API و رابط', description: 'برای APIهای برنامه از Django Ninja، برای تجربه وب از Next.js و برای استقرار از Docker استفاده شد.' },
|
||||
{ discipline: 'design', title: 'مسیر روشن برای شرکت‌کنندگان', description: 'ثبت‌نام، مطالعه و ارسال دیدگاه برای کاربرانی که مدیر سایت نیستند، ساده و قابل‌فهم نگه داشته شد.' },
|
||||
],
|
||||
outcomes: ['اعضا به فضایی متمرکز برای مدیریت رویداد و انتشار مقاله دسترسی پیدا کردند.', 'بازدیدکنندگان توانستند در همان وب‌سایت ثبت‌نام کنند، بخوانند و مشارکت داشته باشند.'],
|
||||
skills: ['توسعه Full-stack', 'معماری اطلاعات', 'طراحی محصول اجتماعی'],
|
||||
tools: ['Django Ninja', 'Next.js', 'Docker'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'zarinpal',
|
||||
liveUrl: 'https://zarinpal.amiirkhl.ir/',
|
||||
tags: ['Go', 'SvelteKit', 'Docker'],
|
||||
image: portfolioImage('/images/project-zarinpal.png', 359, 200),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/project-zarinpal.png', 359, 200),
|
||||
content: {
|
||||
en: { alt: 'Zarinpal analytics dashboard in light mode', caption: 'Transaction analytics and campaign guidance in light mode.' },
|
||||
fa: { alt: 'داشبورد تحلیلی زرین‌پال در حالت روشن', caption: 'نمای تحلیل تراکنش و پیشنهاد کمپین در حالت روشن.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/project-zarinpal-dark.png', 358, 199),
|
||||
content: {
|
||||
en: { alt: 'Zarinpal analytics dashboard in dark mode', caption: 'The analytics experience in dark mode.' },
|
||||
fa: { alt: 'داشبورد تحلیلی زرین‌پال در حالت تیره', caption: 'نمای تجربه تحلیلی در حالت تیره.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'Zarinpal Analytic Dashboard',
|
||||
date: 'AUG 2026',
|
||||
description: 'An analytics dashboard that connects multi-terminal transaction history with timely campaign suggestions.',
|
||||
caseStudy: {
|
||||
introduction: "AI-based dashboard for analytics insight on merchant's transactions in their different terminals and suggesting profitable campaigns to hold in special occasions based on their historical transactions and upcoming events in Persian calendar and international events that affect Iranian markets.",
|
||||
role: 'Full-stack developer',
|
||||
targetUsers: 'Merchants operating one or more payment terminals',
|
||||
status: 'Completed',
|
||||
challenge: 'Merchants need to understand activity across terminals and turn historical patterns into useful decisions around upcoming market occasions.',
|
||||
ownership: ['Built analytics views for transaction activity across different terminals.', 'Connected historical transaction context to campaign suggestions.', 'Included Persian-calendar and international events that affect Iranian markets.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'From reporting to action', description: 'Extended transaction insight into campaign suggestions so the dashboard supports decisions, not only observation.' },
|
||||
{ discipline: 'engineering', title: 'Purpose-built service and interface', description: 'Used Go for application services, SvelteKit for the dashboard experience, and Docker for deployment.' },
|
||||
{ discipline: 'design', title: 'Terminal-level context', description: 'Kept terminal differences visible so aggregate analytics do not hide where activity originated.' },
|
||||
],
|
||||
outcomes: ['Combined transaction analysis and occasion-aware campaign guidance in one dashboard.', 'Made historical activity across multiple terminals easier to review as decision context.'],
|
||||
skills: ['Analytics product development', 'Backend development', 'Dashboard design'],
|
||||
tools: ['Go', 'SvelteKit', 'Docker'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'داشبورد تحلیلی زرین‌پال',
|
||||
date: 'مرداد ۱۴۰۵',
|
||||
description: 'داشبوردی تحلیلی که سابقه تراکنش در پایانه‌های مختلف را به پیشنهادهای به‌موقع برای کمپین‌ها متصل می‌کند.',
|
||||
caseStudy: {
|
||||
introduction: 'داشبوردی مبتنی بر هوش مصنوعی برای تحلیل تراکنش‌های پذیرنده در پایانه‌های مختلف و پیشنهاد کمپین‌های سودآور برای مناسبت‌ها ساختم. پیشنهادها بر اساس سابقه تراکنش‌ها، رویدادهای پیش رو در تقویم فارسی و رویدادهای بین‌المللی اثرگذار بر بازار ایران تهیه می‌شوند.',
|
||||
role: 'توسعه‌دهنده Full-stack',
|
||||
targetUsers: 'پذیرندگانی که یک یا چند پایانه پرداخت را مدیریت می‌کنند',
|
||||
status: 'تکمیل‌شده',
|
||||
challenge: 'پذیرندگان باید فعالیت پایانه‌های مختلف را بشناسند و الگوهای تاریخی را به تصمیم‌های کاربردی برای مناسبت‌های پیش رو تبدیل کنند.',
|
||||
ownership: ['نماهای تحلیلی تراکنش‌ها در پایانه‌های مختلف را توسعه دادم.', 'سابقه تراکنش‌ها را به پیشنهادهای کمپین مرتبط کردم.', 'رویدادهای تقویم فارسی و مناسبت‌های بین‌المللی اثرگذار بر بازار ایران را در نظر گرفتم.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'حرکت از گزارش به اقدام', description: 'تحلیل تراکنش به پیشنهاد کمپین گسترش یافت تا داشبورد فقط ابزار مشاهده نباشد و به تصمیم‌گیری کمک کند.' },
|
||||
{ discipline: 'engineering', title: 'سرویس و رابط متناسب با مسئله', description: 'برای سرویس‌های برنامه از Go، برای تجربه داشبورد از SvelteKit و برای استقرار از Docker استفاده شد.' },
|
||||
{ discipline: 'design', title: 'حفظ زمینه هر پایانه', description: 'تفاوت پایانه‌ها در رابط باقی ماند تا تحلیل تجمیعی، منبع فعالیت‌ها را پنهان نکند.' },
|
||||
],
|
||||
outcomes: ['تحلیل تراکنش و پیشنهاد کمپین متناسب با مناسبت در یک داشبورد جمع شد.', 'بررسی سابقه فعالیت چند پایانه به‌عنوان زمینه تصمیم‌گیری ساده‌تر شد.'],
|
||||
skills: ['توسعه محصول تحلیلی', 'توسعه Backend', 'طراحی داشبورد'],
|
||||
tools: ['Go', 'SvelteKit', 'Docker'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'iran-implant',
|
||||
liveUrl: 'http://impinternal.com/',
|
||||
tags: ['Django', 'Nginx', 'Docker', 'Label'],
|
||||
image: portfolioImage('/images/project-iran-implant.png', 359, 200),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/project-iran-implant.png', 359, 200),
|
||||
content: {
|
||||
en: { alt: 'Iran Implant internal clinic management system', caption: 'The centralized internal management experience.' },
|
||||
fa: { alt: 'سامانه مدیریت داخلی کلینیک ایران ایمپلنت', caption: 'نمای سامانه متمرکز مدیریت داخلی.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'Iran Implant',
|
||||
date: 'NOV 2025 - MAR 2026',
|
||||
description: 'A centralized internal system for coordinating the operational workflows of a specialized dental clinic.',
|
||||
caseStudy: {
|
||||
introduction: 'Developed the backend of Iran Implant, an internal management system for a specialized dental clinic, enabling staff to manage appointments, treatment rooms, payments, prescriptions, and laboratory orders through a centralized platform.',
|
||||
role: 'Backend developer',
|
||||
targetUsers: 'Dental clinic staff',
|
||||
status: 'Completed',
|
||||
challenge: 'Clinic staff needed one operational system for several connected workflows that otherwise require separate records and coordination.',
|
||||
ownership: ['Developed backend capabilities for appointment and treatment-room management.', 'Supported payment and prescription workflows.', 'Implemented laboratory order management inside the centralized system.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'Centralized clinic operations', description: 'Kept appointments, rooms, payments, prescriptions, and laboratory orders connected inside one staff workflow.' },
|
||||
{ discipline: 'engineering', title: 'Production-oriented backend delivery', description: 'Used Django for backend development with Nginx and Docker in the deployment stack.' },
|
||||
],
|
||||
outcomes: ['Provided clinic staff with one platform for managing core internal workflows.', 'Connected clinical coordination and administrative records within the same system.'],
|
||||
skills: ['Backend development', 'Workflow modeling', 'Deployment engineering'],
|
||||
tools: ['Django', 'Nginx', 'Docker'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'ایران ایمپلنت',
|
||||
date: 'آبان ۱۴۰۴ تا اسفند ۱۴۰۴',
|
||||
description: 'یک سامانه داخلی متمرکز برای هماهنگی فرایندهای اجرایی کلینیک تخصصی دندان‌پزشکی.',
|
||||
caseStudy: {
|
||||
introduction: 'بخش سمت سرور سامانه مدیریت داخلی ایران ایمپلنت را برای یک کلینیک تخصصی دندان‌پزشکی توسعه دادم. کارکنان از طریق یک سامانه متمرکز، نوبت‌ها، اتاق‌های درمان، پرداخت‌ها، نسخه‌ها و سفارش‌های آزمایشگاه را مدیریت می‌کنند.',
|
||||
role: 'توسعه‌دهنده Backend',
|
||||
targetUsers: 'کارکنان کلینیک دندان‌پزشکی',
|
||||
status: 'تکمیل‌شده',
|
||||
challenge: 'کارکنان کلینیک برای چند فرایند مرتبط به یک سامانه اجرایی نیاز داشتند؛ فرایندهایی که در حالت جداگانه به ثبت و هماهنگی بیشتری نیاز دارند.',
|
||||
ownership: ['قابلیت‌های سمت سرور برای مدیریت نوبت و اتاق درمان را توسعه دادم.', 'فرایندهای پرداخت و نسخه را پشتیبانی کردم.', 'مدیریت سفارش‌های آزمایشگاه را در سامانه متمرکز پیاده‌سازی کردم.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'عملیات متمرکز کلینیک', description: 'نوبت‌ها، اتاق‌ها، پرداخت‌ها، نسخه‌ها و سفارش‌های آزمایشگاه در یک جریان کاری مشترک برای کارکنان قرار گرفتند.' },
|
||||
{ discipline: 'engineering', title: 'تحویل Backend مناسب محیط واقعی', description: 'برای توسعه سمت سرور از Django و در زیرساخت استقرار از Nginx و Docker استفاده شد.' },
|
||||
],
|
||||
outcomes: ['کارکنان کلینیک به یک پلتفرم برای مدیریت فرایندهای داخلی اصلی دسترسی پیدا کردند.', 'هماهنگی درمان و سوابق اداری در یک سامانه به هم متصل شد.'],
|
||||
skills: ['توسعه Backend', 'مدل‌سازی فرایند', 'مهندسی استقرار'],
|
||||
tools: ['Django', 'Nginx', 'Docker'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'interanet-solutions',
|
||||
tags: ['Bash', 'Caddy', 'Docker', 'DevOps'],
|
||||
image: portfolioImage('/images/project-interanet-solutions.png', 1683, 935),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/project-interanet-solutions.png', 1683, 935),
|
||||
content: {
|
||||
en: { alt: 'Interanet Solutions interface in light mode', caption: 'The self-hosted solutions collection in light mode.' },
|
||||
fa: { alt: 'رابط راهکارهای اینترانت در حالت روشن', caption: 'نمای مجموعه راهکارهای خودمیزبان در حالت روشن.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/project-interanet-solutions-dark.png', 1683, 935),
|
||||
content: {
|
||||
en: { alt: 'Interanet Solutions interface in dark mode', caption: 'The self-hosted solutions collection in dark mode.' },
|
||||
fa: { alt: 'رابط راهکارهای اینترانت در حالت تیره', caption: 'نمای مجموعه راهکارهای خودمیزبان در حالت تیره.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'Interanet Solutions',
|
||||
date: 'MAR - JUN 2026',
|
||||
description: 'Self-hosted infrastructure and automated deployment paths for teams working with restricted international Internet access.',
|
||||
caseStudy: {
|
||||
introduction: 'Developed a collection of self-hosted infrastructure and deployment solutions for environments with restricted international Internet access, including automated server bootstrap scripts and deployments for tools such as GitLab/Gitea (GitHub), Penpot (Figma), and Jitsi (Google Meet).',
|
||||
role: 'DevOps developer',
|
||||
targetUsers: 'Organizations and technical teams operating restricted-network environments',
|
||||
status: 'Completed',
|
||||
challenge: 'Teams still need dependable collaboration, design, source control, and communication tools when international services are unavailable or unreliable.',
|
||||
ownership: ['Developed automated server bootstrap scripts.', 'Prepared self-hosted deployments for source-control, design, and meeting tools.', 'Packaged repeatable infrastructure using containerized services.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'Practical service substitutes', description: 'Focused on recognizable alternatives: GitLab or Gitea for GitHub, Penpot for Figma, and Jitsi for Google Meet.' },
|
||||
{ discipline: 'engineering', title: 'Automated, self-hosted delivery', description: 'Combined Bash automation, Caddy, and Docker to reduce manual server setup and keep deployments repeatable.' },
|
||||
],
|
||||
outcomes: ['Collected multiple restricted-network deployment solutions into a reusable toolkit.', 'Reduced repeated manual setup through automated server bootstrap flows.'],
|
||||
constraints: ['Designed for environments with restricted international Internet access.'],
|
||||
skills: ['Infrastructure automation', 'Self-hosting', 'Deployment engineering'],
|
||||
tools: ['Bash', 'Caddy', 'Docker', 'GitLab', 'Gitea', 'Penpot', 'Jitsi'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'راهکارهای اینترانت',
|
||||
date: 'اسفند ۱۴۰۴ تا خرداد ۱۴۰۵',
|
||||
description: 'زیرساخت خودمیزبان و مسیرهای استقرار خودکار برای تیم‌هایی که با محدودیت اینترنت بین‌المللی کار می‌کنند.',
|
||||
caseStudy: {
|
||||
introduction: 'مجموعه‌ای از راهکارهای زیرساخت و استقرار خودمیزبان برای محیط‌هایی با دسترسی محدود به اینترنت بین‌المللی توسعه دادم. این مجموعه شامل اسکریپت‌های خودکار راه‌اندازی اولیه سرور و استقرار ابزارهایی مانند GitLab و Gitea به‌جای GitHub، Penpot به‌جای Figma و Jitsi به‌جای Google Meet است.',
|
||||
role: 'توسعه‌دهنده DevOps',
|
||||
targetUsers: 'سازمان‌ها و تیم‌های فنی فعال در شبکه‌های محدود',
|
||||
status: 'تکمیل‌شده',
|
||||
challenge: 'وقتی سرویس‌های بین‌المللی در دسترس یا پایدار نیستند، تیم‌ها همچنان به ابزارهای قابل‌اعتماد برای همکاری، طراحی، کنترل کد و ارتباط نیاز دارند.',
|
||||
ownership: ['اسکریپت‌های خودکار راه‌اندازی اولیه سرور را توسعه دادم.', 'استقرار خودمیزبان ابزارهای کنترل کد، طراحی و جلسه را آماده کردم.', 'زیرساخت تکرارپذیر را با سرویس‌های کانتینری بسته‌بندی کردم.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'جایگزین‌های عملی برای سرویس‌ها', description: 'تمرکز بر جایگزین‌های شناخته‌شده بود: GitLab یا Gitea به‌جای GitHub، Penpot به‌جای Figma و Jitsi به‌جای Google Meet.' },
|
||||
{ discipline: 'engineering', title: 'تحویل خودکار و خودمیزبان', description: 'ترکیب Bash، Caddy و Docker راه‌اندازی دستی سرور را کاهش داد و استقرارها را تکرارپذیر نگه داشت.' },
|
||||
],
|
||||
outcomes: ['چند راهکار استقرار در شبکه محدود در یک مجموعه قابل‌استفاده مجدد جمع شد.', 'راه‌اندازی خودکار اولیه، نیاز به تنظیمات دستی تکراری را کاهش داد.'],
|
||||
constraints: ['طراحی‌شده برای محیط‌هایی با دسترسی محدود به اینترنت بین‌المللی.'],
|
||||
skills: ['خودکارسازی زیرساخت', 'میزبانی داخلی', 'مهندسی استقرار'],
|
||||
tools: ['Bash', 'Caddy', 'Docker', 'GitLab', 'Gitea', 'Penpot', 'Jitsi'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'postgresql-job-queue',
|
||||
tags: ['Go', 'SvelteKit', 'Docker'],
|
||||
image: portfolioImage('/images/project-postgresql-job-queue.png', 359, 200),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/project-postgresql-job-queue.png', 359, 200),
|
||||
content: {
|
||||
en: { alt: 'PostgreSQL Job Queue project interface', caption: 'The project overview for the PostgreSQL-backed job system.' },
|
||||
fa: { alt: 'رابط پروژه صف کار PostgreSQL', caption: 'نمای کلی سیستم صف کار مبتنی بر PostgreSQL.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'PostgreSQL Job Queue',
|
||||
date: 'JUN 2026',
|
||||
description: 'A lightweight background job system built around safe concurrency, retries, and recoverability.',
|
||||
caseStudy: {
|
||||
introduction: 'Built a lightweight background job system for running slow or unreliable tasks outside the main request flow. The project focuses on making job execution safe and predictable: multiple workers can pick up work at the same time without blocking each other, failed jobs are retried safely, and work remains recoverable.',
|
||||
role: 'Backend developer',
|
||||
targetUsers: 'Application developers running slow or unreliable work outside request handling',
|
||||
status: 'Completed',
|
||||
challenge: 'Long-running or unreliable tasks should not block request handling, but moving them into workers introduces concurrency, failure, and recovery concerns.',
|
||||
ownership: ['Built a background execution path outside the main request flow.', 'Supported multiple workers taking jobs without blocking one another.', 'Implemented safe retries and recoverable work handling.'],
|
||||
decisions: [
|
||||
{ discipline: 'engineering', title: 'PostgreSQL-backed coordination', description: 'Used PostgreSQL as the durable coordination layer for a lightweight job queue.' },
|
||||
{ discipline: 'engineering', title: 'Failure-aware execution', description: 'Treated retries and recovery as core behavior so failed or interrupted work stays predictable.' },
|
||||
{ discipline: 'product', title: 'Small operational surface', description: 'Focused the system on the essential needs of background execution rather than a broad workflow platform.' },
|
||||
],
|
||||
outcomes: ['Allowed slow and unreliable tasks to execute outside request handling.', 'Made concurrent worker pickup, retries, and recovery part of the system’s normal behavior.'],
|
||||
skills: ['Concurrent systems', 'Failure handling', 'Backend architecture'],
|
||||
tools: ['Go', 'PostgreSQL', 'SvelteKit', 'Docker'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'صف کار PostgreSQL',
|
||||
date: 'خرداد ۱۴۰۵',
|
||||
description: 'یک سیستم سبک برای اجرای کارهای پس‌زمینه با تمرکز بر هم‌زمانی امن، تلاش مجدد و بازیابی.',
|
||||
caseStudy: {
|
||||
introduction: 'یک سیستم سبک برای اجرای کارهای پس‌زمینه ساختم تا کارهای کند یا ناپایدار بیرون از مسیر اصلی درخواست اجرا شوند. چند پردازش‌گر می‌توانند هم‌زمان و بدون مسدودکردن یکدیگر کار بردارند، کارهای ناموفق با سازوکاری امن دوباره اجرا می‌شوند و در صورت وقفه قابل‌بازیابی می‌مانند.',
|
||||
role: 'توسعه‌دهنده Backend',
|
||||
targetUsers: 'توسعه‌دهندگانی که کارهای کند یا ناپایدار را بیرون از چرخه درخواست اجرا می‌کنند',
|
||||
status: 'تکمیل‌شده',
|
||||
challenge: 'کارهای طولانی یا ناپایدار نباید پاسخ درخواست را متوقف کنند؛ اما انتقال آن‌ها به پردازش‌گرها، مسئله هم‌زمانی، شکست و بازیابی را به همراه دارد.',
|
||||
ownership: ['مسیر اجرای پس‌زمینه را بیرون از چرخه اصلی درخواست ساختم.', 'برداشتن هم‌زمان کار توسط چند پردازش‌گر را بدون مسدودکردن یکدیگر پشتیبانی کردم.', 'تلاش مجدد امن و بازیابی کارها را پیاده‌سازی کردم.'],
|
||||
decisions: [
|
||||
{ discipline: 'engineering', title: 'هماهنگی مبتنی بر PostgreSQL', description: 'از PostgreSQL به‌عنوان لایه پایدار هماهنگی برای یک صف کار سبک استفاده شد.' },
|
||||
{ discipline: 'engineering', title: 'اجرای آگاه از شکست', description: 'تلاش مجدد و بازیابی به‌عنوان رفتارهای اصلی در نظر گرفته شدند تا کار ناموفق یا متوقف‌شده قابل‌پیش‌بینی بماند.' },
|
||||
{ discipline: 'product', title: 'سطح عملیاتی کوچک', description: 'تمرکز سیستم بر نیازهای اصلی اجرای پس‌زمینه باقی ماند و به یک پلتفرم گسترده گردش کار تبدیل نشد.' },
|
||||
],
|
||||
outcomes: ['کارهای کند و ناپایدار بیرون از مسیر پاسخ‌گویی به درخواست اجرا شدند.', 'برداشت هم‌زمان کار، تلاش مجدد و بازیابی به بخشی از رفتار عادی سیستم تبدیل شد.'],
|
||||
skills: ['سیستم‌های هم‌زمان', 'مدیریت شکست', 'معماری Backend'],
|
||||
tools: ['Go', 'PostgreSQL', 'SvelteKit', 'Docker'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'subsource',
|
||||
liveUrl: 'http://subsource.net/',
|
||||
tags: ['Product Design', 'Figma', 'Prototyping'],
|
||||
image: portfolioImage('/images/project-subsource.png', 2560, 1440),
|
||||
gallery: [
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/subsource/landing-dark.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Subsource landing page in dark mode', caption: 'The subtitle discovery landing experience in dark mode.' },
|
||||
fa: { alt: 'صفحه اصلی ساب‌سورس در حالت تیره', caption: 'تجربه صفحه اصلی جست‌وجوی زیرنویس در حالت تیره.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/subsource/landing-light.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Subsource landing page in light mode', caption: 'The subtitle discovery landing experience in light mode.' },
|
||||
fa: { alt: 'صفحه اصلی ساب‌سورس در حالت روشن', caption: 'تجربه صفحه اصلی جست‌وجوی زیرنویس در حالت روشن.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/subsource/search-dark.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Subsource search results in dark mode', caption: 'Search results organize titles and subtitle choices in dark mode.' },
|
||||
fa: { alt: 'نتایج جست‌وجوی ساب‌سورس در حالت تیره', caption: 'نتایج جست‌وجو، عنوان‌ها و گزینه‌های زیرنویس را در حالت تیره مرتب می‌کند.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/subsource/search-light.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Subsource search results in light mode', caption: 'The same search workflow in light mode.' },
|
||||
fa: { alt: 'نتایج جست‌وجوی ساب‌سورس در حالت روشن', caption: 'همان مسیر جست‌وجو در حالت روشن.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/subsource/subtitle-detail-dark.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Subsource subtitle detail page in dark mode', caption: 'Subtitle details bring metadata and the download decision together.' },
|
||||
fa: { alt: 'صفحه جزئیات زیرنویس ساب‌سورس در حالت تیره', caption: 'صفحه جزئیات، فراداده و تصمیم دانلود زیرنویس را کنار هم قرار می‌دهد.' },
|
||||
},
|
||||
},
|
||||
{
|
||||
image: portfolioImage('/images/screenshots/subsource/subtitle-detail-light.png', 2560, 1440),
|
||||
content: {
|
||||
en: { alt: 'Subsource subtitle detail page in light mode', caption: 'The subtitle detail and download experience in light mode.' },
|
||||
fa: { alt: 'صفحه جزئیات زیرنویس ساب‌سورس در حالت روشن', caption: 'تجربه مشاهده جزئیات و دانلود زیرنویس در حالت روشن.' },
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
title: 'Subsource',
|
||||
date: 'MAY 2024',
|
||||
description: 'An end-to-end product design for finding and downloading movie and television subtitles across languages.',
|
||||
caseStudy: {
|
||||
introduction: 'Designed the end-to-end UI/UX for SubSource, a subtitle discovery and download platform serving movie and TV audiences across multiple languages. Focused on simplifying content discovery, organizing information-heavy interfaces, and creating intuitive user flows across the product.',
|
||||
role: 'Product designer',
|
||||
targetUsers: 'Movie and television audiences looking for subtitles in multiple languages',
|
||||
status: 'Completed',
|
||||
challenge: 'Subtitle discovery combines search, language choices, content metadata, and download decisions in an information-heavy interface.',
|
||||
ownership: ['Designed the product’s end-to-end UI/UX.', 'Simplified content discovery across movies, television, and languages.', 'Organized dense information and created intuitive product flows.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'Discovery-first structure', description: 'Centered the experience on helping people identify the right title and subtitle efficiently.' },
|
||||
{ discipline: 'design', title: 'Organized information density', description: 'Structured metadata and choices so a detailed interface remains scannable.' },
|
||||
{ discipline: 'design', title: 'Consistent end-to-end flows', description: 'Connected discovery and download through a coherent interaction model across the product.' },
|
||||
],
|
||||
outcomes: ['Produced a complete UI/UX direction for a multilingual subtitle platform.', 'Turned an information-heavy discovery task into a clearer set of user flows.'],
|
||||
skills: ['Product design', 'Information architecture', 'Interaction design', 'Prototyping'],
|
||||
tools: ['Figma'],
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
title: 'ساب‌سورس',
|
||||
date: 'اردیبهشت ۱۴۰۳',
|
||||
description: 'طراحی کامل محصول برای پیدا کردن و دانلود زیرنویس فیلم و سریال به زبان‌های مختلف.',
|
||||
caseStudy: {
|
||||
introduction: 'طراحی کامل رابط و تجربه کاربری پلتفرم ساب‌سورس را انجام دادم؛ سرویسی برای پیدا کردن و دانلود زیرنویس فیلم و سریال به زبان‌های مختلف. تمرکزم بر ساده‌کردن جست‌وجوی محتوا، مرتب‌کردن رابط‌های پرجزئیات و طراحی مسیرهای کاربری روشن در سراسر محصول بود.',
|
||||
role: 'طراح محصول',
|
||||
targetUsers: 'مخاطبان فیلم و سریال که به‌دنبال زیرنویس در زبان‌های مختلف هستند',
|
||||
status: 'تکمیل‌شده',
|
||||
challenge: 'پیدا کردن زیرنویس، جست‌وجو، انتخاب زبان، اطلاعات محتوا و تصمیم دانلود را در یک رابط پرجزئیات کنار هم قرار می‌دهد.',
|
||||
ownership: ['طراحی کامل UI/UX محصول را انجام دادم.', 'پیدا کردن محتوا در میان فیلم، سریال و زبان‌های مختلف را ساده کردم.', 'اطلاعات پرتراکم را سامان دادم و مسیرهای کاربری روشن ساختم.'],
|
||||
decisions: [
|
||||
{ discipline: 'product', title: 'ساختار مبتنی بر کشف محتوا', description: 'تجربه حول شناسایی سریع عنوان و زیرنویس مناسب شکل گرفت.' },
|
||||
{ discipline: 'design', title: 'سامان‌دهی تراکم اطلاعات', description: 'فراداده و انتخاب‌ها طوری ساختاربندی شدند که رابط پرجزئیات همچنان قابل‌اسکن بماند.' },
|
||||
{ discipline: 'design', title: 'جریان یکپارچه از ابتدا تا انتها', description: 'کشف محتوا و دانلود با یک مدل تعاملی منسجم در سراسر محصول به هم متصل شدند.' },
|
||||
],
|
||||
outcomes: ['یک مسیر کامل UI/UX برای پلتفرم چندزبانه زیرنویس طراحی شد.', 'وظیفه پرجزئیات یافتن زیرنویس به مجموعه‌ای روشن‌تر از مسیرهای کاربری تبدیل شد.'],
|
||||
skills: ['طراحی محصول', 'معماری اطلاعات', 'طراحی تعامل', 'نمونه‌سازی'],
|
||||
tools: ['Figma'],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
export const projectIds = projectDefinitions.map(({ id }) => id);
|
||||
|
||||
export const getProjects = (locale: Locale): Project[] =>
|
||||
projectDefinitions.map(({ content, gallery, ...project }) => ({
|
||||
...project,
|
||||
...content[locale],
|
||||
caseStudy: {
|
||||
...content[locale].caseStudy,
|
||||
gallery: gallery.map(({ image, content: galleryContent }) => ({
|
||||
image,
|
||||
...galleryContent[locale],
|
||||
})),
|
||||
},
|
||||
}));
|
||||
|
||||
export const getProject = (locale: Locale, id: string) =>
|
||||
getProjects(locale).find((project) => project.id === id);
|
||||
|
||||
export const getAdjacentProjects = (locale: Locale, id: string) => {
|
||||
const localizedProjects = getProjects(locale);
|
||||
const currentIndex = localizedProjects.findIndex((project) => project.id === id);
|
||||
if (currentIndex < 0) return undefined;
|
||||
|
||||
return {
|
||||
previous: localizedProjects[(currentIndex - 1 + localizedProjects.length) % localizedProjects.length],
|
||||
next: localizedProjects[(currentIndex + 1) % localizedProjects.length],
|
||||
};
|
||||
};
|
||||
|
||||
export const getPortfolioPath = (locale: Locale) => (locale === 'fa' ? '/fa' : '/');
|
||||
|
||||
export const getProjectPath = (locale: Locale, id: string) =>
|
||||
`${locale === 'fa' ? '/fa' : ''}/projects/${id}`;
|
||||
|
||||
export const projects = getProjects('en');
|
||||
@@ -1,244 +0,0 @@
|
||||
export type DisciplineId =
|
||||
| 'software-engineering'
|
||||
| 'product-management'
|
||||
| 'design-ux';
|
||||
|
||||
export interface SkillCategory {
|
||||
name: string;
|
||||
level: number;
|
||||
}
|
||||
|
||||
export interface ToolItem {
|
||||
id: string;
|
||||
name: string;
|
||||
icon: PortfolioImage;
|
||||
}
|
||||
|
||||
export interface SkillDiscipline {
|
||||
skills: SkillCategory[];
|
||||
keywords: string[];
|
||||
tools: ToolItem[];
|
||||
}
|
||||
|
||||
export interface FilterTab {
|
||||
id: DisciplineId;
|
||||
label: string;
|
||||
}
|
||||
|
||||
const tool = (id: string, name: string, icon = id): ToolItem => ({
|
||||
id,
|
||||
name,
|
||||
icon: portfolioImage(`/images/tools/${icon}.png`, 72, 72),
|
||||
});
|
||||
|
||||
const placeholderTool = (id: string, name: string): ToolItem => ({
|
||||
id,
|
||||
name,
|
||||
icon: portfolioImage(`/images/tools/${id}.png`, 72, 72),
|
||||
});
|
||||
|
||||
export const skillsByDiscipline: Record<DisciplineId, SkillDiscipline> = {
|
||||
'software-engineering': {
|
||||
skills: [
|
||||
{ name: 'Backend', level: 5 },
|
||||
{ name: 'Databases', level: 4 },
|
||||
{ name: 'Testing & Quality', level: 3 },
|
||||
{ name: 'System Design', level: 3 },
|
||||
{ name: 'Frontend', level: 3 },
|
||||
{ name: 'DevOps', level: 2 },
|
||||
{ name: 'Web Scraping', level: 2 },
|
||||
{ name: 'Version Control', level: 4 },
|
||||
],
|
||||
keywords: [
|
||||
'Documentation',
|
||||
'Authentication',
|
||||
'Authorization',
|
||||
'OAuth2',
|
||||
'JWT',
|
||||
'Caching',
|
||||
'Rate Limiting',
|
||||
'Throttling',
|
||||
'WebSockets',
|
||||
'Background Job',
|
||||
'Web Scraping',
|
||||
'Bash Scripting',
|
||||
'Microservices',
|
||||
'Performance Optimization',
|
||||
'Third-Party Integration',
|
||||
],
|
||||
tools: [
|
||||
tool('vscode', 'VS Code'),
|
||||
tool('codex', 'Codex'),
|
||||
tool('antigravity', 'Antigravity'),
|
||||
tool('git', 'Git'),
|
||||
tool('github', 'GitHub'),
|
||||
tool('python', 'Python'),
|
||||
tool('django', 'Django'),
|
||||
tool('fastapi', 'FastAPI'),
|
||||
tool('celery', 'Celery'),
|
||||
tool('postgresql', 'PostgreSQL'),
|
||||
tool('redis', 'Redis'),
|
||||
tool('neo4j', 'Neo4j'),
|
||||
tool('mongodb', 'MongoDB'),
|
||||
tool('typescript', 'TypeScript'),
|
||||
tool('react', 'React'),
|
||||
tool('nextjs', 'Next.js'),
|
||||
tool('linux', 'Linux'),
|
||||
tool('docker', 'Docker'),
|
||||
tool('nginx', 'Nginx'),
|
||||
tool('caddy', 'Caddy'),
|
||||
tool('minio', 'MinIO'),
|
||||
tool('prometheus', 'Prometheus'),
|
||||
tool('grafana', 'Grafana'),
|
||||
tool('kubernetes', 'Kubernetes'),
|
||||
],
|
||||
},
|
||||
'product-management': {
|
||||
skills: [
|
||||
{ name: 'Technical Product Management', level: 4 },
|
||||
{ name: 'Product Strategy', level: 3 },
|
||||
{ name: 'Product Analytics', level: 2 },
|
||||
{ name: 'Roadmapping & Prioritization', level: 3 },
|
||||
{ name: 'User Research', level: 3 },
|
||||
{ name: 'Testing & Quality', level: 3 },
|
||||
],
|
||||
keywords: [
|
||||
'Market Research',
|
||||
'Competitive Analysis',
|
||||
'Customer Segmentation',
|
||||
'Personas',
|
||||
'Jobs to Be Done',
|
||||
'Value Proposition',
|
||||
'Product-Market Fit',
|
||||
'MVP Definition',
|
||||
'RICE',
|
||||
'MoSCoW',
|
||||
'PRDs',
|
||||
'Requirements Gathering',
|
||||
'User Stories',
|
||||
'Acceptance Criteria',
|
||||
'Agile',
|
||||
'Scrum',
|
||||
'Sprint Planning',
|
||||
'Kanban',
|
||||
'Product Documentation',
|
||||
'KPI Definition',
|
||||
'OKRs',
|
||||
'North Star Metrics',
|
||||
'Funnel Analysis',
|
||||
'Conversion Analysis',
|
||||
'Retention Analysis',
|
||||
'Churn Analysis',
|
||||
'A/B Testing',
|
||||
'Beta Testing',
|
||||
'Usability Testing',
|
||||
'Customer Interviews',
|
||||
'Customer Journey Mapping',
|
||||
'Engineering Collaboration',
|
||||
'Design Collaboration',
|
||||
'Go-to-Market',
|
||||
'Technical Trade-offs',
|
||||
'Technical Debt',
|
||||
'Scalability',
|
||||
'Performance',
|
||||
],
|
||||
tools: [
|
||||
placeholderTool('notion', 'Notion'),
|
||||
placeholderTool('mizito', 'Mizito'),
|
||||
tool('github-projects', 'GitHub Projects', 'github'),
|
||||
placeholderTool('jira', 'Jira'),
|
||||
placeholderTool('porsline', 'Porsline'),
|
||||
placeholderTool('mattermost', 'Mattermost'),
|
||||
placeholderTool('figma', 'Figma'),
|
||||
placeholderTool('figjam', 'Fig Jam'),
|
||||
placeholderTool('sql', 'SQL'),
|
||||
placeholderTool('power-bi', 'Power BI'),
|
||||
placeholderTool('metabase', 'Metabase'),
|
||||
placeholderTool('google-docs', 'Google Docs'),
|
||||
placeholderTool('google-sheets', 'Google Sheets'),
|
||||
placeholderTool('google-slides', 'Google Slides'),
|
||||
placeholderTool('microsoft-office', 'Microsoft Office'),
|
||||
placeholderTool('chatgpt', 'ChatGPT'),
|
||||
placeholderTool('gemini', 'Gemini'),
|
||||
placeholderTool('claude', 'Claude'),
|
||||
],
|
||||
},
|
||||
'design-ux': {
|
||||
skills: [
|
||||
{ name: 'Visual Design', level: 4 },
|
||||
{ name: 'UI Design', level: 3 },
|
||||
{ name: 'UX Design', level: 2 },
|
||||
{ name: 'User Research', level: 4 },
|
||||
{ name: 'Product Thinking', level: 3 },
|
||||
{ name: 'Prototyping', level: 3 },
|
||||
{ name: 'Design Systems', level: 3 },
|
||||
],
|
||||
keywords: [
|
||||
'Typography',
|
||||
'Color Theory',
|
||||
'Color Theory',
|
||||
'Visual Hierarchy',
|
||||
'Iconography & Imagery',
|
||||
'Interface Patterns',
|
||||
'Component Design',
|
||||
'States',
|
||||
'Interactions',
|
||||
'Responsive Design',
|
||||
'Design Consistency',
|
||||
'User Flows',
|
||||
'Information Architecture',
|
||||
'Usability Principles',
|
||||
'Accessibility',
|
||||
'Surveys',
|
||||
'Personas',
|
||||
'User Segmentation',
|
||||
'Problem Definition',
|
||||
'Feature Prioritization',
|
||||
'Success Metrics',
|
||||
'Wireframing',
|
||||
'Microinteractions',
|
||||
'Motion & Transition Design',
|
||||
'Component Libraries',
|
||||
'Design Tokens',
|
||||
'Pattern Documentation',
|
||||
'Scalable Component Architecture',
|
||||
'Design-Development Alignment',
|
||||
'Usability Testing',
|
||||
'A/B Testing',
|
||||
'Storytelling',
|
||||
'Design Collaboration',
|
||||
'Go-to-Market',
|
||||
'Technical Trade-offs',
|
||||
'Technical Debt',
|
||||
'Scalability',
|
||||
'Performance',
|
||||
],
|
||||
tools: [
|
||||
placeholderTool('figma', 'Figma'),
|
||||
placeholderTool('figjam', 'Fig Jam'),
|
||||
placeholderTool('framer', 'Framer'),
|
||||
placeholderTool('adobe-illustrator', 'Adobe Illustrator'),
|
||||
placeholderTool('adobe-photoshop', 'Adobe Photoshop'),
|
||||
placeholderTool('adobe-xd', 'Adobe XD'),
|
||||
placeholderTool('penpot', 'Penpot'),
|
||||
placeholderTool('html', 'HTML'),
|
||||
placeholderTool('css', 'CSS'),
|
||||
placeholderTool('javascript', 'JavaScript'),
|
||||
placeholderTool('tailwind', 'Tailwind'),
|
||||
tool('vscode', 'VS Code'),
|
||||
tool('github', 'GitHub'),
|
||||
placeholderTool('chatgpt', 'ChatGPT'),
|
||||
placeholderTool('gemini', 'Gemini'),
|
||||
placeholderTool('claude-design', 'Claude Design'),
|
||||
tool('codex', 'Codex'),
|
||||
tool('antigravity', 'Antigravity'),
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const filterTabs: FilterTab[] = [
|
||||
{ id: 'software-engineering', label: 'Software Engineering' },
|
||||
{ id: 'product-management', label: 'Product Management' },
|
||||
{ id: 'design-ux', label: 'Design & UX' },
|
||||
];
|
||||
import { portfolioImage, type PortfolioImage } from '@/types/media';
|
||||
@@ -1,475 +0,0 @@
|
||||
export const locales = ['en', 'fa'] as const;
|
||||
|
||||
export type Locale = (typeof locales)[number];
|
||||
export type Localized<T> = Record<Locale, T>;
|
||||
|
||||
export interface SiteMessages {
|
||||
metadata: {
|
||||
title: string;
|
||||
description: string;
|
||||
keywords: string[];
|
||||
};
|
||||
notFound: {
|
||||
code: string;
|
||||
title: string;
|
||||
description: string;
|
||||
backHome: string;
|
||||
};
|
||||
loader: {
|
||||
signature: string;
|
||||
message: string;
|
||||
ariaLabel: (progress: number) => string;
|
||||
progressLabel: (progress: number) => string;
|
||||
};
|
||||
hero: {
|
||||
sectionLabel: string;
|
||||
themeLightLabel: string;
|
||||
themeDarkLabel: string;
|
||||
languageButtonLabel: string;
|
||||
languageMenuLabel: string;
|
||||
englishLabel: string;
|
||||
persianLabel: string;
|
||||
avatarAlt: string;
|
||||
titleLabel: string;
|
||||
greeting: string;
|
||||
name: string;
|
||||
subtitle: string;
|
||||
blog: string;
|
||||
blogLabel: string;
|
||||
courses: string;
|
||||
coursesLabel: string;
|
||||
comingSoon: string;
|
||||
contact: string;
|
||||
contactLabel: string;
|
||||
};
|
||||
about: {
|
||||
eyebrow: string;
|
||||
title: string;
|
||||
description: string;
|
||||
journeyLabel: string;
|
||||
steps: Array<{ title: string; description: string }>;
|
||||
};
|
||||
projects: {
|
||||
eyebrow: string;
|
||||
title: string;
|
||||
previousLabel: string;
|
||||
nextLabel: string;
|
||||
carouselLabel: string;
|
||||
carouselRoleDescription: string;
|
||||
scrollbarLabel: string;
|
||||
viewCaseStudy: string;
|
||||
liveProjectLabel: (title: string) => string;
|
||||
drawerLabel: string;
|
||||
closeCaseStudy: string;
|
||||
shareLabel: string;
|
||||
shareCaseStudy: string;
|
||||
shareDialogTitle: string;
|
||||
shareDialogDescription: string;
|
||||
closeShareDialog: string;
|
||||
shareTelegram: string;
|
||||
shareWhatsApp: string;
|
||||
shareLinkedIn: string;
|
||||
shareEmail: string;
|
||||
copyLink: string;
|
||||
linkCopied: string;
|
||||
copyFailed: string;
|
||||
roleLabel: string;
|
||||
usersLabel: string;
|
||||
statusLabel: string;
|
||||
teamLabel: string;
|
||||
galleryLabel: string;
|
||||
openGalleryImage: (caption: string) => string;
|
||||
selectGalleryImage: (index: number, caption: string) => string;
|
||||
imageViewerLabel: string;
|
||||
closeImageViewer: string;
|
||||
previousImage: string;
|
||||
nextImage: string;
|
||||
imageCounter: (current: number, total: number) => string;
|
||||
challengeLabel: string;
|
||||
ownershipLabel: string;
|
||||
decisionsLabel: string;
|
||||
outcomesLabel: string;
|
||||
skillsLabel: string;
|
||||
toolsLabel: string;
|
||||
constraintsLabel: string;
|
||||
metricsLabel: string;
|
||||
lessonsLabel: string;
|
||||
previousCaseStudy: string;
|
||||
nextCaseStudy: string;
|
||||
decisionLabels: Record<'product' | 'engineering' | 'design', string>;
|
||||
};
|
||||
experience: {
|
||||
title: string;
|
||||
logoAlt: (company: string) => string;
|
||||
};
|
||||
skills: {
|
||||
eyebrow: string;
|
||||
title: string;
|
||||
skillsLabel: string;
|
||||
toolsLabel: string;
|
||||
filterLabel: string;
|
||||
filterLabels: Record<
|
||||
'software-engineering' | 'product-management' | 'design-ux',
|
||||
string
|
||||
>;
|
||||
};
|
||||
education: {
|
||||
title: string;
|
||||
};
|
||||
milestones: {
|
||||
eyebrow: string;
|
||||
title: string;
|
||||
viewCertificate: string;
|
||||
viewCertificateLabel: (title: string) => string;
|
||||
};
|
||||
footer: {
|
||||
title: string;
|
||||
subtitle: string;
|
||||
emailLabel: string;
|
||||
contactsLabel: string;
|
||||
sceneLabel: string;
|
||||
phone: string;
|
||||
linkedin: string;
|
||||
github: string;
|
||||
telegram: string;
|
||||
};
|
||||
}
|
||||
|
||||
const formatPersianNumber = (value: number) =>
|
||||
new Intl.NumberFormat('fa-IR', { useGrouping: false }).format(value);
|
||||
|
||||
export const messagesByLocale = {
|
||||
en: {
|
||||
metadata: {
|
||||
title: 'Amirhossein Khalili | Dedicated Product Engineer',
|
||||
description:
|
||||
'Personal portfolio of Amirhossein Khalili, Product Engineer & Software Developer based in Iran.',
|
||||
keywords: [
|
||||
'Amirhossein Khalili',
|
||||
'Product Engineer',
|
||||
'Software Engineer',
|
||||
'Full Stack Developer',
|
||||
'Portfolio',
|
||||
],
|
||||
},
|
||||
notFound: {
|
||||
code: '404',
|
||||
title: 'This page isn’t here',
|
||||
description: 'The address may have changed, or the page may no longer exist.',
|
||||
backHome: 'Back to portfolio',
|
||||
},
|
||||
loader: {
|
||||
signature: 'Amirhossein Khalili',
|
||||
message: 'Assembling the experience',
|
||||
ariaLabel: (progress) => `Loading portfolio: ${progress}%`,
|
||||
progressLabel: (progress) => `${progress}%`,
|
||||
},
|
||||
hero: {
|
||||
sectionLabel: 'Introduction',
|
||||
themeLightLabel: 'Switch to light mode',
|
||||
themeDarkLabel: 'Switch to dark mode',
|
||||
languageButtonLabel: 'Choose language',
|
||||
languageMenuLabel: 'Languages',
|
||||
englishLabel: 'English',
|
||||
persianLabel: 'فارسی',
|
||||
avatarAlt: 'Amirhossein Khalili',
|
||||
titleLabel: "Hi, I'm Amirhossein Khalili",
|
||||
greeting: "Hi, I'm",
|
||||
name: 'Amirhossein Khalili',
|
||||
subtitle: 'Product engineer building useful, resilient software.',
|
||||
blog: 'Blog',
|
||||
blogLabel: 'Blog, coming soon',
|
||||
courses: 'Courses',
|
||||
coursesLabel: 'Courses, coming soon',
|
||||
comingSoon: 'Coming soon',
|
||||
contact: 'Get in touch',
|
||||
contactLabel: 'Get in touch on LinkedIn',
|
||||
},
|
||||
about: {
|
||||
eyebrow: 'ABOUT ME',
|
||||
title: 'From Pixel to Product',
|
||||
description:
|
||||
'I began as a digital artist, designing visual stories. Curiosity turned into code, and code into systems that solve real problems. Today, I build products end-to-end using agentic workflows that blend creativity, engineering, and product thinking.',
|
||||
journeyLabel: 'Career journey',
|
||||
steps: [
|
||||
{
|
||||
title: 'Digital Artist',
|
||||
description: 'Explored visual design, illustration and storytelling.',
|
||||
},
|
||||
{
|
||||
title: 'UI/UX Designer',
|
||||
description: 'Designed intuitive interfaces and user-centered experiences.',
|
||||
},
|
||||
{
|
||||
title: 'Computer Science',
|
||||
description: 'Built strong foundations in algorithms and systems thinking.',
|
||||
},
|
||||
{
|
||||
title: 'Software Engineer',
|
||||
description: 'Engineered scalable applications and delivered real-world solutions.',
|
||||
},
|
||||
{
|
||||
title: 'Product Engineer',
|
||||
description:
|
||||
'Merging product strategy with engineering to ship impactful products.',
|
||||
},
|
||||
],
|
||||
},
|
||||
projects: {
|
||||
eyebrow: 'PROJECTS',
|
||||
title: "Products I've Brought to Life",
|
||||
previousLabel: 'Previous projects',
|
||||
nextLabel: 'Next projects',
|
||||
carouselLabel: 'Scrollable project cards',
|
||||
carouselRoleDescription: 'carousel',
|
||||
scrollbarLabel: 'Project carousel position',
|
||||
viewCaseStudy: 'View case study',
|
||||
liveProjectLabel: (title) => `Open the live ${title} project in a new tab`,
|
||||
drawerLabel: 'Project case study',
|
||||
closeCaseStudy: 'Close case study',
|
||||
shareLabel: 'Share',
|
||||
shareCaseStudy: 'Share this case study',
|
||||
shareDialogTitle: 'Share case study',
|
||||
shareDialogDescription: 'Send this project to someone or copy its direct link.',
|
||||
closeShareDialog: 'Close sharing options',
|
||||
shareTelegram: 'Telegram',
|
||||
shareWhatsApp: 'WhatsApp',
|
||||
shareLinkedIn: 'LinkedIn',
|
||||
shareEmail: 'Email',
|
||||
copyLink: 'Copy link',
|
||||
linkCopied: 'Link copied',
|
||||
copyFailed: 'Could not copy the link',
|
||||
roleLabel: 'Role',
|
||||
usersLabel: 'Users',
|
||||
statusLabel: 'Status',
|
||||
teamLabel: 'Team',
|
||||
galleryLabel: 'Product gallery',
|
||||
openGalleryImage: (caption) => `Open full-screen image: ${caption}`,
|
||||
selectGalleryImage: (index, caption) => `Show image ${index}: ${caption}`,
|
||||
imageViewerLabel: 'Full-screen project gallery',
|
||||
closeImageViewer: 'Close full-screen image',
|
||||
previousImage: 'Previous image',
|
||||
nextImage: 'Next image',
|
||||
imageCounter: (current, total) => `${current} of ${total}`,
|
||||
challengeLabel: 'The challenge',
|
||||
ownershipLabel: 'My ownership',
|
||||
decisionsLabel: 'Key decisions',
|
||||
outcomesLabel: 'Outcomes',
|
||||
skillsLabel: 'Skills',
|
||||
toolsLabel: 'Tools',
|
||||
constraintsLabel: 'Constraints',
|
||||
metricsLabel: 'Results',
|
||||
lessonsLabel: 'Lessons',
|
||||
previousCaseStudy: 'Previous project',
|
||||
nextCaseStudy: 'Next project',
|
||||
decisionLabels: {
|
||||
product: 'Product',
|
||||
engineering: 'Engineering',
|
||||
design: 'Design',
|
||||
},
|
||||
},
|
||||
experience: {
|
||||
title: "Where I've Made an Impact",
|
||||
logoAlt: (company) => `${company} logo`,
|
||||
},
|
||||
skills: {
|
||||
eyebrow: 'SKILLS & TOOLS',
|
||||
title: 'The Stack Behind the Work...',
|
||||
skillsLabel: 'SKILLS',
|
||||
toolsLabel: 'TOOLS',
|
||||
filterLabel: 'Choose skill discipline',
|
||||
filterLabels: {
|
||||
'software-engineering': 'Software Engineering',
|
||||
'product-management': 'Product Management',
|
||||
'design-ux': 'Design & UX',
|
||||
},
|
||||
},
|
||||
education: {
|
||||
title: 'Where I Built the Foundation',
|
||||
},
|
||||
milestones: {
|
||||
eyebrow: 'AWARDS & ACHIEVEMENTS',
|
||||
title: 'Milestones Along the Way',
|
||||
viewCertificate: 'View certificate',
|
||||
viewCertificateLabel: (title) => `View ${title} certificate`,
|
||||
},
|
||||
footer: {
|
||||
title: "Let's build something meaningful.",
|
||||
subtitle: 'Open to opportunities and interesting projects.',
|
||||
emailLabel: 'Send email to amirhosseinkhalili901@gmail.com',
|
||||
contactsLabel: 'Social and contact links',
|
||||
sceneLabel: 'Interactive 3D isometric footer scene',
|
||||
phone: 'Phone',
|
||||
linkedin: 'LinkedIn',
|
||||
github: 'GitHub',
|
||||
telegram: 'Telegram',
|
||||
},
|
||||
},
|
||||
fa: {
|
||||
metadata: {
|
||||
title: 'امیرحسین خلیلی | مهندس محصول و توسعه‌دهنده نرم‌افزار',
|
||||
description:
|
||||
'نمونه‌کارهای شخصی امیرحسین خلیلی، مهندس محصول و توسعه‌دهنده نرم‌افزار ساکن ایران.',
|
||||
keywords: [
|
||||
'امیرحسین خلیلی',
|
||||
'مهندس محصول',
|
||||
'مهندس نرم‌افزار',
|
||||
'توسعه‌دهنده فول‌استک',
|
||||
'نمونه‌کار',
|
||||
],
|
||||
},
|
||||
notFound: {
|
||||
code: '۴۰۴',
|
||||
title: 'این صفحه پیدا نشد',
|
||||
description: 'ممکن است نشانی صفحه تغییر کرده باشد یا دیگر در دسترس نباشد.',
|
||||
backHome: 'بازگشت به نمونه‌کارها',
|
||||
},
|
||||
loader: {
|
||||
signature: 'امیرحسین خلیلی',
|
||||
message: 'در حال آماده‌سازی صفحه',
|
||||
ariaLabel: (progress) =>
|
||||
`در حال بارگذاری نمونه‌کارها: ${formatPersianNumber(progress)}٪`,
|
||||
progressLabel: (progress) => `${formatPersianNumber(progress)}٪`,
|
||||
},
|
||||
hero: {
|
||||
sectionLabel: 'معرفی',
|
||||
themeLightLabel: 'رفتن به حالت روشن',
|
||||
themeDarkLabel: 'رفتن به حالت تاریک',
|
||||
languageButtonLabel: 'انتخاب زبان',
|
||||
languageMenuLabel: 'زبان‌ها',
|
||||
englishLabel: 'English',
|
||||
persianLabel: 'فارسی',
|
||||
avatarAlt: 'امیرحسین خلیلی',
|
||||
titleLabel: 'سلام، من امیرحسین خلیلی هستم',
|
||||
greeting: 'سلام، من',
|
||||
name: 'امیرحسین خلیلی هستم',
|
||||
subtitle: 'مهندس محصولم و نرم‌افزارهایی می‌سازم که کاربردی‌اند و دوام می‌آورند.',
|
||||
blog: 'وبلاگ',
|
||||
blogLabel: 'وبلاگ، به‌زودی',
|
||||
courses: 'دوره‌ها',
|
||||
coursesLabel: 'دوره‌ها، به‌زودی',
|
||||
comingSoon: 'به‌زودی',
|
||||
contact: 'ارتباط با من',
|
||||
contactLabel: 'ارسال پیام در لینکدین',
|
||||
},
|
||||
about: {
|
||||
eyebrow: 'درباره من',
|
||||
title: 'از پیکسل تا محصول',
|
||||
description:
|
||||
'کارم را با هنر دیجیتال و روایت تصویری شروع کردم. کنجکاوی من را به سمت کدنویسی برد و کد کم‌کم به سیستم‌هایی تبدیل شد که مسئله‌های واقعی را حل می‌کنند. امروز با کمک گردش‌کارهای عامل‌محور، محصول را از ایده تا اجرا می‌سازم و طراحی، مهندسی و نگاه محصولی را کنار هم می‌گذارم.',
|
||||
journeyLabel: 'مسیر حرفه‌ای',
|
||||
steps: [
|
||||
{
|
||||
title: 'طراح دیجیتال',
|
||||
description: 'طراحی بصری، تصویرسازی و روایت‌گری را تجربه کردم.',
|
||||
},
|
||||
{
|
||||
title: 'طراح UI/UX',
|
||||
description: 'رابط‌های ساده و تجربه‌های کاربرمحور طراحی کردم.',
|
||||
},
|
||||
{
|
||||
title: 'مهندسی کامپیوتر',
|
||||
description: 'پایه‌ام را در الگوریتم‌ها و تفکر سیستمی محکم کردم.',
|
||||
},
|
||||
{
|
||||
title: 'مهندسی نرم‌افزار',
|
||||
description: 'نرم‌افزارهای مقیاس‌پذیر ساختم و برای مسئله‌های واقعی راه‌حل ارائه دادم.',
|
||||
},
|
||||
{
|
||||
title: 'مهندسی محصول',
|
||||
description:
|
||||
'استراتژی محصول و مهندسی را کنار هم می‌گذارم تا محصولاتی بسازم که اثر مشخصی دارند.',
|
||||
},
|
||||
],
|
||||
},
|
||||
projects: {
|
||||
eyebrow: 'پروژه‌ها',
|
||||
title: 'محصولاتی که از ایده به واقعیت رسانده‌ام',
|
||||
previousLabel: 'پروژه‌های قبلی',
|
||||
nextLabel: 'پروژه‌های بعدی',
|
||||
carouselLabel: 'فهرست افقی پروژه‌ها',
|
||||
carouselRoleDescription: 'گردونه',
|
||||
scrollbarLabel: 'موقعیت در فهرست پروژه‌ها',
|
||||
viewCaseStudy: 'دیدن مطالعه موردی',
|
||||
liveProjectLabel: (title) => `باز کردن نسخه زنده ${title} در زبانه جدید`,
|
||||
drawerLabel: 'مطالعه موردی پروژه',
|
||||
closeCaseStudy: 'بستن مطالعه موردی',
|
||||
shareLabel: 'اشتراک‌گذاری',
|
||||
shareCaseStudy: 'اشتراک‌گذاری این مطالعه موردی',
|
||||
shareDialogTitle: 'اشتراک‌گذاری مطالعه موردی',
|
||||
shareDialogDescription: 'این پروژه را برای دیگران بفرستید یا پیوند مستقیم آن را کپی کنید.',
|
||||
closeShareDialog: 'بستن گزینه‌های اشتراک‌گذاری',
|
||||
shareTelegram: 'تلگرام',
|
||||
shareWhatsApp: 'واتس‌اپ',
|
||||
shareLinkedIn: 'لینکدین',
|
||||
shareEmail: 'ایمیل',
|
||||
copyLink: 'کپی پیوند',
|
||||
linkCopied: 'پیوند کپی شد',
|
||||
copyFailed: 'کپی پیوند ممکن نشد',
|
||||
roleLabel: 'نقش من',
|
||||
usersLabel: 'کاربران',
|
||||
statusLabel: 'وضعیت',
|
||||
teamLabel: 'تیم',
|
||||
galleryLabel: 'تصاویر محصول',
|
||||
openGalleryImage: (caption) => `باز کردن تصویر در نمای تمام‌صفحه: ${caption}`,
|
||||
selectGalleryImage: (index, caption) => `نمایش تصویر ${formatPersianNumber(index)}: ${caption}`,
|
||||
imageViewerLabel: 'گالری تمام‌صفحه پروژه',
|
||||
closeImageViewer: 'بستن تصویر تمام‌صفحه',
|
||||
previousImage: 'تصویر قبلی',
|
||||
nextImage: 'تصویر بعدی',
|
||||
imageCounter: (current, total) => `${formatPersianNumber(current)} از ${formatPersianNumber(total)}`,
|
||||
challengeLabel: 'چالش',
|
||||
ownershipLabel: 'مسئولیت‌های من',
|
||||
decisionsLabel: 'تصمیم‌های کلیدی',
|
||||
outcomesLabel: 'نتیجه‌ها',
|
||||
skillsLabel: 'مهارت‌ها',
|
||||
toolsLabel: 'ابزارها',
|
||||
constraintsLabel: 'محدودیت‌ها',
|
||||
metricsLabel: 'نتیجه‌های عددی',
|
||||
lessonsLabel: 'آموخته‌ها',
|
||||
previousCaseStudy: 'پروژه قبلی',
|
||||
nextCaseStudy: 'پروژه بعدی',
|
||||
decisionLabels: {
|
||||
product: 'محصول',
|
||||
engineering: 'مهندسی',
|
||||
design: 'طراحی',
|
||||
},
|
||||
},
|
||||
experience: {
|
||||
title: 'جاهایی که اثر گذاشته‌ام',
|
||||
logoAlt: (company) => `نشان ${company}`,
|
||||
},
|
||||
skills: {
|
||||
eyebrow: 'مهارت‌ها و ابزارها',
|
||||
title: 'پشت این کارها چه مهارت‌ها و ابزارهایی است؟',
|
||||
skillsLabel: 'مهارت‌ها',
|
||||
toolsLabel: 'ابزارها',
|
||||
filterLabel: 'انتخاب حوزه مهارت',
|
||||
filterLabels: {
|
||||
'software-engineering': 'مهندسی نرم‌افزار',
|
||||
'product-management': 'مدیریت محصول',
|
||||
'design-ux': 'طراحی و تجربه کاربری',
|
||||
},
|
||||
},
|
||||
education: {
|
||||
title: 'پایه‌های مسیرم کجا شکل گرفت',
|
||||
},
|
||||
milestones: {
|
||||
eyebrow: 'جایزه‌ها و دستاوردها',
|
||||
title: 'چند نقطه مهم در مسیرم',
|
||||
viewCertificate: 'دیدن گواهی',
|
||||
viewCertificateLabel: (title) => `دیدن گواهی ${title}`,
|
||||
},
|
||||
footer: {
|
||||
title: 'بیایید چیزی بسازیم که ارزشش را داشته باشد.',
|
||||
subtitle: 'برای فرصت‌های کاری و پروژه‌های جالب آماده گفت‌وگو هستم.',
|
||||
emailLabel: 'ارسال ایمیل به amirhosseinkhalili901@gmail.com',
|
||||
contactsLabel: 'راه‌های ارتباطی و شبکه‌های اجتماعی',
|
||||
sceneLabel: 'نمای تعاملی سه‌بعدی راه‌های ارتباطی',
|
||||
phone: 'تلفن',
|
||||
linkedin: 'لینکدین',
|
||||
github: 'گیت‌هاب',
|
||||
telegram: 'تلگرام',
|
||||
},
|
||||
},
|
||||
} satisfies Record<Locale, SiteMessages>;
|
||||
3528
src/seed/legacy.json
3528
src/seed/legacy.json
File diff suppressed because it is too large
Load Diff
45
src/types/projects.ts
Normal file
45
src/types/projects.ts
Normal file
@@ -0,0 +1,45 @@
|
||||
import type { PortfolioImage } from './media';
|
||||
|
||||
export type CaseStudyDiscipline = 'product' | 'engineering' | 'design';
|
||||
|
||||
export interface CaseStudyDecision {
|
||||
discipline: CaseStudyDiscipline;
|
||||
title: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
export interface CaseStudyGalleryItem {
|
||||
image: PortfolioImage;
|
||||
alt: string;
|
||||
caption: string;
|
||||
}
|
||||
|
||||
export interface ProjectCaseStudy {
|
||||
introduction: string;
|
||||
role: string;
|
||||
targetUsers: string;
|
||||
status: string;
|
||||
challenge: string;
|
||||
ownership: string[];
|
||||
decisions: CaseStudyDecision[];
|
||||
outcomes: string[];
|
||||
skills: string[];
|
||||
tools: string[];
|
||||
team?: string;
|
||||
constraints?: string[];
|
||||
metrics?: Array<{ value: string; label: string }>;
|
||||
lessons?: string[];
|
||||
gallery: CaseStudyGalleryItem[];
|
||||
}
|
||||
|
||||
export interface Project {
|
||||
id: string;
|
||||
title: string;
|
||||
liveUrl?: string;
|
||||
date: string;
|
||||
description: string;
|
||||
tags: string[];
|
||||
image: PortfolioImage;
|
||||
caseStudy: ProjectCaseStudy;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user