طراحی UI مشابه صفحه TODO List سایت asana

---

شرح پروژه

برای یک پروژه وب‌سایت نیازه یک صفحه دقیقا مشابه صفحه todo list سایت asana طراحی بشه (فقط UI) که در عین سادگی تمام قابلیت‌های موردنظر رو داشته باشه.

خصوصا موارد زیر:
- قابلیت ایجاد section
- قابلیت درج تسک
- حالت آکاردئونی بخش‌ها
- منوهای popup در جاهای مختلف مانند کنار section ها 
- کلیه امکانات drag & drop از جمله سورتینگ تسک‌ها و sectionها
- حالت light mode/dark mode
- بخش details کناری که به صورت کشویی باز میشود، با تمام جزئیات
- یک آیکن برای نمایش full screen این بخش details 
- با توجه به اینکه تمام اجزای بالای صفحه بجز SEARCH حذف میشود، سرچ به جای عناصر زیر خود منتقل شود و این عناصر به دکمه add task میچسبد (به شکل قابل قبول و مناسب)


چه بخش‌هایی از این صفحه لازم نیست؟
- سایدبار سمت چپ به طور کل نیازی نیست
- صفحات جانبی به طور کل نیازی نیستند و فقط لینک navigation به آنها به صورت UI ایجاد شود. مانند Tab bar بالا (Overview, list, board,...)

نکته مهم: با توجه به اینکه پروژه من صددرصد شبیه asana نیست، بعد از تحویل کد شما، تغییرات زیاده قراره روش اتفاق بیوفته. لذا تمیزی کد به صورت کامل روی پرداختی تاثیر میگذاره. کدهای اضافی، redundancy و عدم رعایت solid میتونه پرداختی رو به صفر برسونه.

مهارت‌هایی که اگر داشته باشید میتونه پرداختی اضافی به همراه داشته باشه:
- طراحی به صورت blade: پروژه من روی لاراول هست و اگر دانش کار با blade رو دارید بهتره از حالت extends و component استفاده کنید که امتیاز محسوب میشه.
- طراحی به صورت vuejs: این امکان هست که داخل کارتون از vuejs استفاده کنید تا data flow راحتتر اتفاق بیوفته و طبیعتا امتیاز محسوب میشه.


هرچند انتظار ندارم مواردی که نگفتم رو تحویل بدید* اما طبیعتا ممکنه مواردی از قلم افتاده باشه که در صحبت با همدیگه مشخص‌ترشون می کنیم. یعنی قبل از تایید صد‌درصد پروژه تلاش کنید یک آنالیز روی صفحه‌ای که میگم داشته باشید تا با دید روشن‌تری با هم کار کنیم.

این پروژه شامل 2 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

---

---