این سایت یک سایت برای ثبت تیکت شرکتی است که من مدتی در اون مشغول به کار بودم
در توسعه ی این پروژه از vue js و nuxt js و tailwind استفاده شده و وظیفه توسعه سمت فرانت این پروژه تماما با من بوده. همیچنین توی این پروژه از هیچ پکیج مرتبت با ui استفاده نشده و تمام کامپوننت ها به صورت دستی نوشته شده اند
نکته: بنده چون پروژه برای خودم نبوده اجازه انتشار سورس کد ها رو ندارم و سعی میکنم با عکس و ویدیو و توضیحات خودم پروژه و توانایی هام رو توضیح بدم، همچنین در بعضی از ویدیو ها یک سری اطلاعاتی که ممکنه حیاتی باشن رو مات میکنم
از صفحه لاگین شروع کنیم که هم امکان لاگین با یوزر و پسورد و هم با شماره موبایل رو داشت و موضوع خاص دیگه ای نداره که بهش پرداخته بشه
login-page.mp4
صفحه داشبورد جاییه که هبر تمام تیکت هایی که ثبت و یا اپدیت میشن رو نمایش میشه و با کلیک روی هرکدوم میشه به صفحه اون تیکت رفت ( صفحه هر تیکت در ادامه نمایش داده میشه)
سمت راست هم دراوری داریم که میشه باهاش بین صفحه ها منتقل شد
دیتای این صفحه استاتیک هست و به api وصل نشده
dashboard-page.mp4
توی این صفحه لیست تمامی تیکت ها نمایش داده میشه و قابلیت فیلتر، جستجو و pagination داره
دیتای این صفحه استاتیک هست و به api وصل نشده
ticket-list-page.mp4
نکته: chat bubble ها یک کامپوننت هستند که با یک اتریبیوت به پیام پشتیبانی یا مشتری تبدیل میشوند
دیتای این صفحه استاتیک هست و به api وصل نشده
add-ticket-page.mp4
دیتای این صفحه استاتیک هست و به api وصل نشده
route این صفحه به این صورت است:
system/ticket/{ticket_id} مثلا در این مثال: system/ticket/58
ticket-page.mp4
دیتای این صفحه به دلیل وصل بودن به api مات شده است.
users-page.mp4
دیتای این صفحه به دلیل وصل بودن به api مات شده است.
customers-page.mp4
از نشون دادن بقیه صفحات به دلیل یکسان بودن ساختار خودداری میکنم
صفر تا صد پروژه دست خودم بوده ، در کل پروژه از کامپوننت های reusable ای که خودمون نوشتیم استفاده شده