پروژه سمت Ui با زبان React

شرح پروژه

توضیحات پروژه

سمت سرور را من انجام میدم و شما فقط باید سمت UI را طراحی کنید

اولین اولیت پروژه رزومه شما عزیزان هست لذا حتما در ابتدا اینکه چند سال هست کار میکنید همراه با رزومه و نمونه کار ارسال نمایید سپس پیشنهاد را ارسال نمایید.

برای من اولیت اول تمیز نویسی کد هست یعنی کاملا اصول کدنویسی مثل شی گرایی و حتی چیزهایی کوچیک مثل قوانین نامگذاری و نحوه استایل دهی اولیت بالاهست.وحتما حتما تمام قوانین باید رعایت بشه. لذا بنده پیشنهادم را برای فاز اول این پروژه میخوام مجری کاملا حرفه ای باشه

صفحه اول:لایگن (عکس نمونه دسکتاپ ارسال خواهد شد)لاگین با یوزر پسورد که کاربر میتونه لاگین کنه.لاگین با جیمیل

فراموش کردن رمز عبور کاربر میتونه ایمیل خود را وارد کنه(کپچا باید باشه) سپس اگر درست بود یک کد به موبایلش ارسال میشه در صورت صحیح بودن کد یک صحفه وارد میشه و کلمه عبور و تکرار ان را میتونه وارد کنه (فرمت ایمیل و شماره موبایل باید سمت Uiجک بشه)

ثبت نام کاربر یک سری فیلد مثل موبایل ایمیل و.. را پر میکنه (کپچا لازم) سپس یک کد براش ارسال میشه با ارسال کد ثبت نام تکمیل میشه کنترل ولیدیشن ها الزامیست

صفحه اصلی هدر شامل لوگو نام کاربر سبد خرید و جستجو که در جستجو میتونه تاریخ در بازه نوع تکنولوژی (کامبوباکس) جستجو تکس باکس کاربر داره و میتونه جستجو کنه انتخاب زبان فارسی یا انگلیسی که نسبت به هرکدوم زبان و چیدمان تغییر میکنه.صفحه درباره ما یک صفحه استایتک

صفحه اصلی در حالتی که کاربر لاگین نباشه بعد از هدر در Body سه قسمت داره محصولات ویزه پرفروش ترین ها دسته بندی ها که هرکدوم شامل چند ایتم میباشد (این قسمت در نسخه دستکتاپ اسلایدر هست هر بخش)

زیر اسلاایدر ها باکس های محصولات هستند که با اسکرول لود میشه باکس محصولات را دقیق میگم شامل چه ایتم هایی باشه

درصورتی که کاربر لاگین باشه

میتونه دسترسی به یک منو هم داشته باشه در نسخه دکستاپ این منو سمت چپ یا راست هست نسبت به زبانی که کاربرا نتخاب میکنه

منو ها

عکس کاربر نمایش عکس کاربر 

کیف پول:شامل نمایش مقدار کیف پول افزودن و یا برداشت از پول یک تکست باکس و دودکمه برداشت و واریز

تنظمیات یک سری فیلد هست که از دیتابیس خونده میشه مثل ارسال ایمیل ارسال اس ام اس

تغییر مشخصات که کاربر میتونه مشخصاتش را تغییر بده درصورتی که ایمیل یا موبایل را تغییر داد مثلا موبایل یک کد براش ارسال میشه و باید کاربر اون کد را تایید کنه سپس تغییرات لحاظ میشه

تغییر عکس اواتار کارب میتونه یک عکس اپلود کنه  یا میتونه عکس را کلا حذف نماید

کمک:یک کامبو که سه تا مقدار داره مثل پیشنهاد و...  و یک تکس باکس که یک سری مقدار را ارسال میکنه سمت سرور

خروج:با تایید خارج میشه

قسمت چت:درصورتی که روی عکس اواتار کلیک کنه میتونه چت هاش را ببینه چت هایی که به صورت سیستمی ارسال شدن را تمیتونه جواب بده بقیه را میتونه با بقیه کاربرانی که بهش چت کردن چت کنه

در سمت دسکتاب با signal عمل میکرد انجا میتونه push notification باشه و بالای عکس کاربر تعداد نخوانده ها را با عدد نمایش بده badge لیست نخوانده ها باید رنگ متفاوئت باشه

صفحه اصلی کاربر میتونه یک محصول را به سبد خرید اضافه کنه با کلیک برروی دکمه خرید اگر گارانتی داشته باشه بهش پیشنهاد میشه گارانتی و مبلغ گارانیت را که درصورت تایید به قیمت محصول اضافه میشه 

صحفه جزئیات محصول که جزئیات محصول هست ضمن اینکه کاربر میتونه  یک پیام به سازنده ارسال نماید در صورت ارسال باید به کاربر نمایش داده شود که ازاین به بعد بقیه چت ها را از قسمت چت دنبال کنه

صفحه سبد خرید محصولات خریداری شده را میبینه میتونه سبد را خالی کنه یا پرداخت کنه درصورتی که مبلغ در کیف پولش نبود یا کم داشت بهش میگه اینقدر باید پرداخت کنی و الی اخر

عکس همه قسمت ها بعد از تایید ارسال میشه 

خطا ها اصولا از سمت سرور میاد میتونی یک exceptionhandler درست کنید و چیزی مثل sweetalert زیبا نمیایشش بدین سمت شما زیاد بییزنس و.. نیست فقط دیزاین هست و کدنویسی تمیز ui ممنون بابت وقت گرانبهایی که گداشتین

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

درباره کارفرما

Genius-2423

عضویت نه سال پیش

266 پروژه ثبت شده ،

1 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 37%