جزئیات شغل

کدنویسی و پیاده‌سازی بخش جدید "اطلاعات تماس تفکیک‌شده" در صفحه Contact Us پروژه متاورس رنگ ( frontend trainee )

تجربه: 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

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

دسترسی به سامانه مدیریت بر مدیران :
مشخصات کار تعریف شده

عنوان شغلی: کدنویسی و پیاده‌سازی بخش جدید "اطلاعات تماس تفکیک‌شده" در صفحه Contact Us پروژه متاورس رنگ

تعیین: frontend trainee

تجربه: 2

سن: 18 الی 30

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

جای خالی: 1

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

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

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

اکنون درخواست دهید