Personal Portfolio Website (Production-Ready Web Application)
این پروژه یک وبسایت پورتفولیوی شخصی است که با هدف نمایش حرفهای مهارتها، پروژهها و مسیر شغلی من طراحی و پیادهسازی شده است. این وبسایت صرفاً یک معرفی بصری نیست، بلکه بهعنوان یک محصول production-ready طراحی شده و تلاش شده استانداردهای واقعی یک وباپلیکیشن مدرن در آن رعایت شود.
تمرکز اصلی پروژه بر تجربه کاربری، عملکرد، معماری قابل توسعه و رعایت best practiceهای فنی در Next.js بوده است.
یکی از قابلیتهای کلیدی این پروژه، چتبات هوشمند (AI Portfolio Assistant) است که به بازدیدکنندگان امکان میدهد درباره مهارتها، پروژهها، مسیر شغلی و اطلاعات تماس من بهصورت تعاملی سوال بپرسند. این دستیار با استفاده از Groq API و مدل Llama 3.3، پاسخهایی بر اساس دادههای واقعی پورتفولیو تولید میکند و کلید API بهصورت امن در Route Handler سمت سرور نگهداری میشود.
Designer & Front-End Developer (Next.js / React / TypeScript) مسئول طراحی UI/UX، معماری پروژه، پیادهسازی فرانتاند، بهینهسازی عملکرد، چندزبانگی، SEO و توسعه چتبات هوشمند مبتنی بر AI.
برای بهبود SEO، کاهش زمان بارگذاری اولیه و امکان توسعه صفحات استاتیک و داینامیک بر اساس نوع محتوا.
به دلیل پشتیبانی مناسب از routing چندزبانه، مدیریت locale و سازگاری کامل با App Router. ساختار پروژه بهگونهای طراحی شد که افزودن زبان جدید کمهزینه باشد.
برای حفظ یکپارچگی UI، کاهش CSS اضافی و کنترل دقیق responsive design در تمام صفحات.
انیمیشنها بهصورت کنترلشده و lazy اجرا شدند تا تجربه کاربری بهبود یابد بدون ایجاد فشار غیرضروری روی render.
برای حفظ کیفیت کد و جلوگیری از technical debt در پروژهای که قرار است بهمرور رشد کند.
برای پاسخدهی تعاملی به سوالات بازدیدکنندگان. Route Handler در Next.js درخواستها را به Groq API ارسال میکند و system prompt از دادههای واقعی پورتفولیو (مهارتها، پروژهها، تایملاین، تماس) ساخته میشود تا AI فقط بر اساس اطلاعات موجود پاسخ دهد.
ماژول chat-context دادههای skills، projects و timelineEvents را از data.ts و ترجمههای next-intl میخواند و context چندزبانه برای AI میسازد. با تغییر محتوای سایت، پاسخهای چتبات هم بهروز میماند.
این پروژه نمایشی عملی از نحوه فکر کردن من در طراحی و پیادهسازی یک محصول واقعی است؛ محصولی که علاوه بر ظاهر، به معماری، عملکرد، مقیاسپذیری و نگهداری بلندمدت آن توجه شده است. افزودن چتبات AI، پورتفولیو را از یک صفحه استاتیک به یک تجربه تعاملی تبدیل کرده که بازدیدکنندگان میتوانند مستقیماً درباره مهارتها و پروژهها سوال بپرسند.