سلام، من امیررضا هستم؛ توسعه‌دهنده فرانت‌اند و سازنده سامانه‌های وب مقیاس‌پذیر. تمرکز من فقط بر اجرای طرح‌ها نیست؛ روی مهندسی یک محصول کامل است: مسیر کاربر، ساختار داده، سرعت نمایش، امنیت مسیرهای حساس و تجربه‌ای که در موبایل و دسکتاپ یکسان و روان بماند.
در پروژه‌ای که این سند بر اساس آن نوشته شده، یک فروشگاه اینترنتی واقعی را از صفر ساخته‌ام — از معماری پایه و سیستم طراحی گرفته تا لایه داده، احراز هویت، سبد خرید ترکیبی مهمان/کاربر و پنل مدیریت. این صفحه را طوری تنظیم کرده‌ام که هر کارفرما یا تک‌لیدری بتواند در چند دقیقه تصویر دقیقی از توانایی فنی و نحوه نگرش من به کیفیت پیدا کند.
برای مشاهده دقیق تر ساختار پروژه و تکنولوژی های استفاده شده وارد گیت هاب من شوید.
SSR, SSG, Route Handlers, Middleware
React Query (TanStack), Context, Custom Hooks
Tailwind CSS v4, Responsive Design, CSS Variables
Prisma ORM, SQLite, API Design, JWT Auth
ES6+, Axios, Swiper.js, Next-Themes
Edge Runtime (jose), HTTP-only Cookies, Hydration Fixes
این وب‌سایت یک فروشگاه اینترنتی برای عرضه و مدیریت محصولات دیجیتال است که با هدف ساخت تجربه‌ای روان، قابل‌اعتماد و توسعه‌پذیر طراحی و پیاده‌سازی شده است. در این پروژه، تمرکز من فقط بر نمایش صفحات نبوده؛ تلاش کرده‌ام مسیر کامل کاربر، از پیدا کردن محصول و بررسی جزئیات آن تا ورود، مدیریت سبد خرید و ثبت اطلاعات حساب کاربری، منسجم و قابل‌استفاده باشد.
مهاجرت از JSON Server به SQLite با استفاده از Prisma ORM و اسکریپت‌های Seed سفارشی برای پایداری و سازماندهی مدل‌های داده.
پیاده‌سازی ورود پیامکی امن، کوکی‌های HTTP-only و اعتبارسنجی در سطح Edge با پکیج سازگار `jose` در Middleware.
قابلیت نگهداری سبد خرید مهمان در LocalStorage و ادغام خودکار آن با دیتابیس پس از لاگین کاربر با استفاده از تراکنش‌های Prisma.
استفاده از TanStack React Query برای کش‌کردن درخواست‌ها، پیش‌بارگذاری داده‌ها و رفع کامل ناسازگاری‌های SSR/Client Hydration.
پشتیبانی کامل از تم‌های روشن و تاریک با `next-themes`، متغیرهای CSS سفارشی و ساختار کاملاً Responsive بر اساس Tailwind CSS v4.
پنل ادمین اختصاصی با قابلیت مدیریت محصولات و کاربران، تفکیک نقش‌ها و اعتبارسنجی امن مسیرها در سمت سرور.
ورود با رمز یک‌بارمصرف، مدیریت نشست با توکن JWT و کوکی‌های httpOnly و خروج ایمن در سمت سرور.
محافظت از مسیرهای حساس با کتابخانه jose برای اعتبارسنجی JWT و تشخیص نقش ادمین در نقطه ورود درخواست‌ها.
نگهداری سبد مهمان در localStorage و ادغام خودکار آن با دیتابیس پس از ورود با تراکنش‌های امن Prisma.
مدیریت محصولات و کاربران با تفکیک نقش‌ها، تب‌های پویا و اتصال مستقیم به APIهای اختصاصی.
اگر به‌دنبال کسی هستید که فقط صفحات زیبا نسازد، بلکه مسئول معماری، کیفیت و رفتار واقعی محصول باشد، این پروژه نشان می‌دهد که چگونه کار می‌کنم:
از نیاز کاربر شروع می‌کنم، نه از کتابخانه.
هر انتخاب بر اساس نیاز واقعی و قابل توضیح بوده است، نه مد روز بودن.
مدیریت خطا، هماهنگی داده، امنیت مسیرها و ناسازگاری هیدریشن.
ساختاری تمیز، هوک‌های قابل استفاده مجدد و الگوهای یکدست.
این پروژه نشان می‌دهد که می‌توانم از ایده تا محصول کامل را مستقل ببرم و در تیم نیز با همین نگرش کیفیت‌محور contribution مؤثر داشته باشم. آماده‌ام در یک مصاحبه کوتاه یا بررسی کد، جزئیات فنی هر بخش را دقیق توضیح دهم.
