نحوه مشاهده پروژه

به آدرس آنلاین سایت سر بزنید و به صورت کامل سایت را مشاهده کنید.

قابلیت ها و ویژگی ها

• صفحه اصلی :

  داخل بخش صفحه اصلی سایت اسلایدرها و بنرهای تبلیغاتی و لیست محصولات فروش و قسمتی از مقاله ها و در قسمت footer نیز راه های ارتباطی و لینک ها مفید نحوه عضویت داخل خبرنامه گذاشته شده است.

• صفحه ورود و عضویت :

  پیاده سازی فرم با اعتبار سنجی سمت کلاینت و ذخیره دیتای کاربر با استفاده از api های backend داخل دیتابیس و فرایند Authentication و Authorization کاربر در داخل سایت

• صفحه دوره ها :

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

• صفحه مقاله ها :

  این بخش نیز مقاله های داخل سایت که توسط نویسنده های سایت نوشته شده رو به شما نمایش میدهد و شما همچنین با توجه به pageination که پایین بخش طراحی شده میتوانید به محتوا با توجه به اولویت بندی که خودتان انتخاب میکنید دسترسی پیدا کنید.

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

  سایت مناسب با اندازه ی تمامی دیوایس ها است برای کاربران موبایل navbar را به بخش پایین صفحه منتقل کردیم برای دسترسی راحت ترشان و برای کاربران با اندازه صفحه نمایش هایی بزرگتر از 800px بخش navbar در بالای سایت قرار دارد و همچنین یک topbar نیز به کاربران با اندازه صفحه نمایش بزرگتر نشان میدهد که اشاره به تستی بودن پروژه دارد.

• پنل کاربران :

  پیاده سازی پنل کاربری طوری که کاربر تمامی خرید های خود و ویرایش اطلاعات کاربری و مدیریت تیکت ها خود را میتواند در آن بخش انجام دهد.

• پنل مدیران :

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

• تکنولوژی های استفاده شده :

  HTML5، CSS3، JavaScript ES6

  برای ساخت رابط کاربری تعاملی: React.js

  برای استایل دهی: Tailwind و Bootstrap

  Axios برای ارتباط API :

روند توسعه و چالش ها

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

استفاده تیلویند و بوت استرپ در کنار هم قطعا کار منطقی نیست هدف از این کار این بود به مخاطبان نشون داده شود که به هر دو مسلط هستم و تفاوتی در استفاده این تکنولوژی برام نداره.

نتیجه گیری

امیدوارم این پروژه نظر شما را جلب کرده باشم خوشحال میشم نظرتتون رو برام ایمیل کنید و یا در صورتی که دوست داشتید کد ها داخل گیت هابم گذاشته شده و در بهتر کردن این پروژه منو کمک کنید.