پروژه جی اس 95576

ببخشید من یه پروژه جی اس دارم که میخوام بدونم جهت انجامش هزینه اش چه مقداره مطابق با لینک فیگمایی که قرار داده شده و فایل بک اند که برای شما به صورت Zip پیوست گردیده )در رپازیتوری git دوره هم قرار گرفته پروژه ۲۷( یک سایت موبایل اپلیکیشن فروشگاهی کفش را پیاده سازی کنید به گونه ای که در اجرا و پیاده سازی آن موارد زیر را در نظر بگیرید: -۱ مشابه با فایل فیگما صفحات را به صورت (Aplication Page Multi(MPA پیاده سازی کنید. -۲ فایل بک اند را با استفاده از دستورالعمل ارایه شده در فایل readmeنصب و در سیستم خودتون اجرا کنید. -۳ ابتدا صفحات onboarding پیاده سازی بشن و بعد از آن به صفحات الگین و ساین آپ منتقل بشین که بتوان کاربر جدیدی اضافه کرد و الگین کرد )با ارسال ریکوست به سمت بک اند( و در نهایت نمایش پیغامهای خطای مناسب ) validation form )در صورت خطا در عملیات ثبت نام یا قوی نبودن پسورد. -۴ بعد از ورود موفق کاربر به صفحه home یا dashboard منتقل بشود و اطالعات کاربر)نام کاربری( به همراه اعالم صبح بخیر یا ظهر بخیر یا عصر بخیر)از طریق ساعت سیستم( نمایش داده بشود و لیست محصوالت کفش ها به کاربر نمایش داده شود مطابق با فایل فیگما و قرار دادن )scroll infinity ) جهت نمایش صفحات بعدی و محصوالت بعدی به صورت کامال دقیق پیاده سازی شود. -۴ در صفحه home یا dashboard باید یک اینپوت برای سرچ کردن به کاربر وجود داشته باشد که بتواند از طریق اون محصول مد نظر خود را سرچ کند و نتایج سرچ را مشابه با فایل فیگما در یک صفحه مجزا به نام سرچ به یوزر نمایش دهد و همواره حداقل ۱۰ عدد از historie search های گذشته باقی بماند و در صورتی که محصولی یافت نشد باید تصویر محصولی یافت نشد مشابه با فایل فیگما به یوزر نمایش دهید، )راهنمایی: در search input باید از debaunce استفاده کنید و search باید چند میلی ثانیه بعد از مکث یوزر از تایپ کردن انجام شود.( -۵ در صفحه home یا dashboard باید تعدادی دکمه وجود داشته باشد که کاربر از طریق اونها بتواند یک سری عملیات filter را بر روی محصوالتی که وجود دارد ارایه نمایید.)مطابق فیگما و بک اند( -۶ با زدن بر روی هر کارت از محصوالت کاربر به صفحه جدیدی منتقل شود و جزییات آن محصول از بک اند دریافت شود و به کاربر مشابه با فایل فیگما نمایش داده شود. -۷ یوزر میتواند هر تعداد کفش را انتخاب کند )تعداد نمیتواند صفر یا منفی باشد( و با زدن دکمه cart to add پیغام(toast(به یوزر نشان داده شود که محصول با موفقیت به سبد خرید اضافه شد و تعداد به همراه مجموع قیمت و نام محصول و تصویر محصول در لوکال استوریج باید ذخیره شود و اگر صفحه رفرش شود سبد خرید تغییر نکند. -۸ یوزر با زدن بر روی منوی cart منتقل میشود به صفحه cart و میتواند محصوالتی که در سبد خرید خود اضافه کرده است را به همراه جمع مبالغ کلی و تعداد کل کفش ها را به صورت مستقل ببینید، همچنین تعداد محصوالت را میتواند کم یا زیاد کن یا حذف کند که در صورت حذف مودال مخصوص نمایش داده شود و بعد از حذف موفقیت آمیز toast با پبغام مناسب به یوزر نمایش داده شود. -۹ یوزر با فشردن دکمه checkout به قسمت دریافت اطالعات آدرس و نحوه پرداخت و تحویل به کدام آدرس منتقل میشود و بعد از تایید اطالعات آدرس و نحوه پرداخت به صفحه پرداخت )پرداخت سوری( منتقل میشود وبعد از تایید نهایی پیغامی مانند یک مودال مشابه فیگما به یوزر نمایش داده شود که پرداخت با موفقیت انجام شود و سبد خرید هم بعد از آن پاک شود و با رفرش کردن صفحه هم سبد خرید پاک شده باشد. -۱۰ ایحاد یک دکمه logout و استفاده از authentication guard نیز حتما باید پیاده سازی شود)دکمه logout را در کنار مشخصات نام کاربر قرار دهید(. -۱۱ یک ریپازیتوری در گیت هاب خود ایجاد کنید و هر مرحله از پروژه را در گیت هاب خود کامیت کنید.)حداقل ۲۰ کامیت معنا دار با پیغام های مناسب باید انجام شده باشد( -۱۲ استفاده از vite و tailwind در این پروژه اجباری است پیاده سازی صفحات ریسپانسیو در حالت دسکتاپ و موبایل دارای بونوس اضافی می باشد )حالت موبایل اجباری و دسکتاب به سلیقه خودتان( در صورت پیاده سازی آن بونوس دریافت خواهید کرد. ) بر اساس تالش و تمیزی کد و طراحی ( پیاده سازی صفحات اضافه تر مثل Profile و Orders و Wallet اجباری نیست کسی بتواند عالوه بر تمیزی طرح خودش این صفحات را هم به سلیقه خودش پیاده سازی کند نیز دارای بونوس می باشد. ) بر اساس تالش و تمیزی کد و طراحی (. لینک فیگما: https://www.figma.com/design/jYwmErWh1acYnjay2HTkEA/Untitled?node-id=0-1&t=CP3Bn5VFaYNLxQDM-0 این اطلاعات پروژه هست و تا چهارشنبه فرصت دارم یه فایل بک اند هم داره 8124

Academy

امتیاز : 0/5

لیست پیشنهادها