امیررضا نوریان

امیررضا نوریان

برنامه نویس

     

    Front-End Developer

    توسعه‌دهنده Front-End با تمرکز بر React.js، JavaScript و ساخت رابط‌های کاربری مدرن، واکنش‌گرا و قابل نگهداری.

    Front-End Developer React.js • JavaScript • UI Engineering

    توسعه رابط‌های کاربری مدرن، سریع و قابل نگهداری

    توسعه‌دهنده Front-End با تمرکز بر React.js و JavaScript که در طراحی و پیاده‌سازی رابط‌های کاربری واکنش‌گرا، ساخت کامپوننت‌های قابل استفاده مجدد و تبدیل نیازهای محصول به تجربه‌ای ساده و قابل فهم برای کاربر فعالیت می‌کند. علاقه‌مند به معماری تمیز، Design System، بهینه‌سازی تجربه کاربری و همکاری مؤثر با تیم‌های طراحی و Back-End.

    ۳+ سال تجربه دمو در توسعه Front-End
    ۱۲+ پروژه و فیچر دمو تحویل‌شده
    Responsive تمرکز روی تجربه موبایل و دسکتاپ
    EXPERIENCE

    تجربه کاری

    سوابق زیر نمونه هستند و می‌توانی بعداً نام شرکت، تاریخ‌ها، مسئولیت‌ها و نتایج واقعی خودت را جایگزین کنی.

    Front-End Developer

    Nova Digital Studio — تهران

    ۱۴۰۴ — اکنون
    • توسعه داشبوردها و پنل‌های مدیریتی با React.js و معماری component-based.
    • طراحی کامپوننت‌های reusable و هماهنگ‌سازی UI با Design System تیم.
    • مدیریت Server State با React Query و بهبود تجربه loading، error و caching.
    • همکاری با تیم Back-End برای اتصال APIها و رفع خطاهای Integration.

    Junior Front-End Developer

    Pixel Craft Agency — ریموت

    ۱۴۰۳ — ۱۴۰۴
    • پیاده‌سازی صفحات Responsive از روی طرح‌های Figma با HTML، CSS و Tailwind CSS.
    • توسعه فرم‌های چندمرحله‌ای و اعتبارسنجی سمت کاربر برای محصولات تحت وب.
    • رفع باگ‌های UI در مرورگرها و اندازه‌های مختلف صفحه.
    • استفاده روزانه از Git و Code Review برای هماهنگی بهتر با تیم توسعه.

    Front-End Intern

    CodeLine Lab — تهران

    ۱۴۰۲ — ۱۴۰۳
    • تمرین و پیاده‌سازی اصول JavaScript، DOM و ES Modules در پروژه‌های واقعی کوچک.
    • ساخت کامپوننت‌های UI ساده و تبدیل صفحات استاتیک به رابط‌های تعاملی.
    • آشنایی عملی با فرآیند تحلیل تسک، Git Flow و تحویل مرحله‌ای فیچرها.
    SKILLS

    مهارت‌های فنی

    گروه‌بندی مهارت‌ها به‌جای درصدهای ساختگی، تا رزومه خواناتر و قابل دفاع‌تر باشد.

    Core Front-End

    HTML5 CSS3 JavaScript ES6+ Responsive Design Accessibility

    React Ecosystem

    React.js React Router React Query React Hook Form Component Architecture

    UI & Tooling

    Tailwind CSS shadcn/ui Figma Handoff Git Vite
    SELECTED WORK

    پروژه‌های منتخب

    چهار نمونه پروژه دمو با تمرکز روی مسئله، نقش، راهکار و خروجی؛ بعداً می‌توانی داده‌های واقعی و لینک‌های اصلی را جایگزین کنی.

    نمای نمونه داشبورد مدیریت فروش
    React Dashboard پروژه دمو

    داشبورد مدیریت فروش و مشتریان

    مسئله: پراکندگی اطلاعات فروش، سفارش‌ها و مشتریان در چند بخش مستقل.

    نقش: طراحی معماری Front-End، ساخت کامپوننت‌ها و اتصال APIهای اصلی.

    راهکار و خروجی: داشبورد Responsive با فیلتر، جدول، فرم و مدیریت Server State توسط React Query.

    React • Tailwind • React Query مشاهده پروژه دمو
    نمای نمونه فروشگاه اینترنتی واکنش‌گرا
    E-Commerce UI پروژه دمو

    فروشگاه اینترنتی با تجربه خرید مرحله‌ای

    مسئله: نیاز به تجربه خرید سریع و خوانا در موبایل با مسیر ساده از لیست محصول تا پرداخت.

    نقش: پیاده‌سازی صفحات فروشگاه، Product Detail، Cart و Checkout.

    راهکار و خروجی: UI ماژولار، فیلتر و جست‌وجو، مدیریت سبد خرید و طراحی Mobile-first.

    React • Router • RHF مشاهده پروژه دمو
    نمای نمونه رابط تور مجازی و نقشه تعاملی
    Interactive Map پروژه دمو

    تور مجازی و نقشه تعاملی مجموعه تجاری

    مسئله: نمایش واحدها، نقاط مهم و مسیر دسترسی در یک رابط ساده و قابل استفاده روی موبایل.

    نقش: طراحی تعاملات، مدیریت state رابط و توسعه تجربه ویرایش/نمایش نقشه.

    راهکار و خروجی: نقاط تعاملی، Popoverهای قابل مدیریت، ذخیره موقعیت و خروجی قابل Embed در پروژه مقصد.

    JavaScript • DOM • Responsive مشاهده پروژه دمو
    نمای نمونه کتابخانه کامپوننت و سیستم طراحی
    Design System پروژه دمو

    کتابخانه کامپوننت برای چند محصول داخلی

    مسئله: تفاوت زیاد در ظاهر و رفتار فرم‌ها، دکمه‌ها، مودال‌ها و کارت‌ها بین چند صفحه.

    نقش: استانداردسازی UI و ساخت قراردادهای مشترک برای کامپوننت‌ها.

    راهکار و خروجی: مجموعه کامپوننت‌های قابل استفاده مجدد با tokenهای بصری و API یکدست.

    React • shadcn/ui • Tailwind مشاهده پروژه دمو
    EDUCATION

    تحصیلات و مسیر یادگیری

    ۱۴۰۲ — اکنون

    مسیر تخصصی توسعه Front-End

    یادگیری پروژه‌محور JavaScript و React.js با تمرکز بر معماری کامپوننت‌ها، مدیریت State، REST API، Git و طراحی Responsive.

    نمونه قابل ویرایش

    کارشناسی مهندسی کامپیوتر

    دانشگاه نمونه — گرایش نرم‌افزار. این بخش دمو است و باید با اطلاعات تحصیلی واقعی جایگزین شود.

    CERTIFICATES & LANGUAGES

    گواهی‌ها و زبان‌ها

    گواهی‌های دمو

    • Advanced React Development — آکادمی نمونه، ۱۴۰۴
    • Modern JavaScript ES6+ — پلتفرم نمونه، ۱۴۰۳
    • Git & Collaborative Development — پلتفرم نمونه، ۱۴۰۳

    زبان‌ها

    فارسی — زبان اصلی انگلیسی — متوسط رو به بالا
    WORK STYLE

    شیوه کار و ارزش‌های حرفه‌ای

    در پروژه‌ها تلاش می‌کنم قبل از نوشتن کد، مسئله و مسیر کاربر را بفهمم؛ سپس با ساختار قابل نگهداری، نام‌گذاری واضح و کامپوننت‌های کوچک و قابل استفاده مجدد، راه‌حل را پیاده‌سازی کنم.

    کد قابل نگهداری

    ساختار واضح، تفکیک مسئولیت‌ها و پرهیز از پیچیدگی غیرضروری.

    تجربه کاربری

    توجه به جزئیات Responsive، دسترس‌پذیری و رفتار صحیح رابط در حالت‌های مختلف.

    یادگیری مستمر

    مطالعه الگوهای بهتر، بررسی کد پروژه‌های واقعی و بهبود تصمیم‌های فنی در هر پروژه.