تجربه: 3

سن: 18 الی 30

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

جای خالی: 1

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

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

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

کدنویسی و پیاده‌سازی صفحه «املاک و مستغلات» در نسخه Next.js بر اساس طراحی انجام‌شده در فیگما انجام شود. این صفحه در نسخه‌های موبایل و دسکتاپ طراحی شده و باید به‌صورت کاملاً ریسپانسیو در تمامی دستگاه‌ها اجرا شود. همچنین پشتیبانی از حالت‌های لایت و دارک مطابق استاندارد متاورس‌رنگ الزامی است. تمامی بخش‌های صفحه به‌جز فوتر سامانه باید پیاده‌سازی شوند.

وظایف

• پیاده‌سازی کامل صفحه املاک و مستغلات مطابق طراحی فیگما

• اجرای ریسپانسیو در:

  • موبایل

  • دسکتاپ

  • سایزهای مختلف نمایشگر

• پیاده‌سازی پشتیبانی از تم:

  • لایت

  • دارک

• پیاده‌سازی و اتصال صحیح تمامی بخش‌ها شامل:

  • کارت‌های املاک

  • کارت‌ها و وضعیت‌های کاربری

  • منوها

  • اینپوت اصلی ابتدای صفحه

  • نمودارها

  • نقشه

  • کادر جستجو در سمت چپ نقشه

• پیاده‌سازی عملکرد صحیح تمامی:

  • دکمه‌ها

  • اینپوت‌ها

  • تعاملات کاربری

• پیاده‌سازی قابلیت جستجو بر اساس «شناسه ملک» و نمایش نتیجه به‌صورت صحیح

بخش‌های اجرایی

• فرانت‌اند:

  • توسعه صفحه با Next.js

  • پیاده‌سازی کامپوننت‌های املاک و کاربری‌ها

  • پیاده‌سازی نقشه و همگام‌سازی آن با کادر جستجو

  • اجرای نمودارها مطابق طراحی

• تعاملات:

  • اتصال دکمه‌ها و اینپوت‌ها به منطق مربوطه

  • پیاده‌سازی جستجوی ملک بر اساس شناسه

• طراحی و استایل:

  • رعایت کامل سیستم دیزاین فیگما

  • پشتیبانی از لایت و دارک

  • عدم تغییر یا پیاده‌سازی فوتر سامانه

• تست:

  • تست ریسپانسیو در دستگاه‌های مختلف

  • بررسی صحت عملکرد جستجو و تعاملات

خروجی مورد نظر

• صفحه املاک و مستغلات پیاده‌سازی‌شده مطابق طراحی فیگما

• اجرای صحیح و یکپارچه در موبایل و دسکتاپ

• پشتیبانی کامل از حالت لایت و دارک

• عملکرد صحیح تمامی دکمه‌ها، اینپوت‌ها و تعاملات

• قابلیت جستجوی ملک بر اساس شناسه و نمایش دقیق نتایج

• هماهنگی کامل ظاهری و عملکردی با استانداردهای پروژه Next.js

  
  

توجه فرمایید پیمانکار موظف است که در پایان تسک یک ویدیو تکمیلی اعم از معرفی پیمانکار, کار و روند اجرایی ان ضبط نمایند و در گروه و بخش مربوطه  پیوست کند

--------------------------------------------------------------------------------------------------------------------

منابع تسک:

دسترسی به ریپازیتوری پروژه نکست خارجی متارنگ :
https://github.com/iranpsc/Metaverse-Rang-Front-NextJS
لینک سایت رسمی پروژه :
https://rgb.irpsc.com/fa
دسترسی به سامانه مدیریت بر مدیران :
https://crm.irpsc.com