تجربه: 2

سن: 18 الی 30

محدوده حقوق و دستمزد: قابل مذاکره

جای خالی: 1

طبیعت شغلی : پیمانی

تاریخ ارسال : 2025.12.02

آخرین تاریخ : 2026.01.28

در این تسک، توسعه‌دهنده موظف است دیتای طراحی‌شده جدید را روی صفحه «تماس با ما» که قبلاً ساخته شده پیاده‌سازی کند.

---

شرح وظایف توسعه‌دهنده

1. اضافه‌کردن پنج بخش اطلاعات تماس مطابق طراحی نهایی، شامل:

   • امور سرمایه‌گذاری و مشارکت‌های مالی — تماس: شماره ۱

   • همکاری‌های تجاری و توسعه کسب‌وکار — تماس: شماره ۲

   • ساخت‌وساز و طراحی بناهای نمایشگاهی — تماس: شماره ۳

   • روابط و همکاری‌های بین‌المللی — تماس: شماره ۴

   • امور دولتی و مشاوره‌های سازمانی — تماس: شماره ۵

2. کدنویسی دقیق مطابق فیگما

   • تمام جزئیات UI رعایت شود: فاصله‌ها، وزن فونت‌ها، اندازه‌ها، آیکون‌ها، کارت‌ها، رنگ‌ها و ساختار طراحی‌شده.

3. پیاده‌سازی نسخه موبایل و دسکتاپ (Fully Responsive)

   • ساختار لیستی/کارتی در موبایل با چیدمان دوتایی یا تک‌ستونه

   • چیدمان منظم و فضای کافی بین بخش‌ها در دسکتاپ

   • رعایت Breakpointهای اصلی پروژه

4. ساختاردهی صحیح HTML و Semantic Tags

   • استفاده از تگ‌های مناسب مثل section, h3, p

   • رعایت دسترسی‌پذیری (Accessibility)

5. رعایت استانداردهای RTL/LTR

   • چون صفحه فارسی است، تمام ساختار باید RTL کامل باشد

   • اگر پروژه ساختار دوزبانه دارد → آماده‌سازی بخش‌ها برای تغییر زبان

6. استفاده از کامپوننت‌های موجود پروژه (در صورت وجود)

   • رعایت Design System

   • عدم ایجاد کامپوننت اضافی مگر در صورت نیاز

7. بهینه‌سازی برای عملکرد بهتر

   • حذف Margin و Paddingهای غیرضروری

   • فشرده‌سازی تصاویر (در صورت وجود)

8. تست کامل پس از پیاده‌سازی

   • تست مرورگرها (Chrome / Firefox / Edge)

   • تست موبایل واقعی + DevTools

   • تست با زبان فارسی و در صورت نیاز انگلیسی

---

خروجی قابل تحویل

• یک Pull Request آماده merge شامل:

  • کد کامل صفحه جدید

  • ریسپانسیو کامل موبایل/دسکتاپ

  • ساختار راست‌چین و مطابق طراحی

  • توضیحات لازم در توضیحات PR
    

------------------------------------------------------------------------------------------
منابع تسک:

دسترسی به ریپازیتوری پروژه نکست خارجی متارنگ :

https://github.com/iranpsc/Metaverse-Rang-Front-NextJS

لینک فیگما بخش های خارجی متارنگ :

https://www.figma.com/design/qyvJ4Sjw4h5gRIrE9KotBY/ui-next?node-id=1957-4055&t=43QGHNIE6h4i1O8I-1

لینک سایت رسمی پروژه :

https://rgb.irpsc.com/fa

دسترسی به سامانه مدیریت بر مدیران :

https://crm.irpsc.com