Never stop talking " STOP the Gaza Genocide "

VueJs Projects | Salah Bedeiwi

Salah Bedeiwi

Salah Bedeiwi

In this Channel, You will gain much knowledge of Development Web Applications.. Whether you are Front End Developer or Back End Developer or Full Stack Developer, you will find related learning tutorials and many real life Projects in this channel.. كيف تكون مبرمج ومصمم مواقع ويب محترف؟ فقط خد من وقتك وشاهد ببساطه بكيفيه عمل ذلك من خلال الدورات.

Course Details

  • Course Lessons61
  • Course Period10h 41m
  • No.Students241
  • Languageعربي
  • No Prerequisite
  • (6)
  • Start Now for free

Course Lessons

  1. 1 | #00 Intro to Restaurant Admin Application #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:06:46
  2. 2 | #01 Setup & Install VUE JS 3, Bootstrap 5, Axios, JSON Server, Vuex, Vue Router, Vuelidate #vue_js_3 00:09:54
  3. 3 | #02 Import Bootstrap 5 #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:01:10
  4. 4 | #03 Intro to JSON Serve and Postman #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:07:16
  5. 5 | #04 Setup Signup Page Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:08:27
  6. 6 | #05 Enhance Sign Up Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:01:16
  7. 7 | #06 Setup Login Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:03:11
  8. 8 | #07 Redirect to another Page Normal Way #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:02:37
  9. 9 | #08 Redirect to another Page Using Vuex #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:08:15
  10. 10 | #09 Validate Signup Form using Vuelidate #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:11:49
  11. 11 | #10 Validate Login Form using Vuelidate with Composition API #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:08:58
  12. 12 | #11 Vuelidate DevTool Console & Setup Composition API #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:05:09
  13. 13 | #12 Adding New User on Signup using AXIOS #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:15:02
  14. 14 | #13 Redirect to Home Page if User Is Signed Up or Logged In #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:03:42
  15. 15 | #14 Login Successfully #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:13:43
  16. 16 | #15 Add Navbar and Logout Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:11:20
  17. 17 | #16 Create and Update Profile Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:21:27
  18. 18 | #17 Validate and Update User Profile Info #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:17:47
  19. 19 | #18 Redirect user in Profile Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:01:28
  20. 20 | #19 Setup Page Title #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:12:38
  21. 21 | #20 Setup Page Not Found #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:08:35
  22. 22 | #21 Add New Location Component Setup #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:09:04
  23. 23 | #22 Validating and Adding New Location #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:18:22
  24. 24 | #23 Show and Hide Error on Adding New Location #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:07:59
  25. 25 | #24 View Each User Locations #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:14:22
  26. 26 | #25 Enhance Add New Location Form #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:10:24
  27. 27 | #26 Delete Each Location #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:27:29
  28. 28 | #27 Delete All Locations at once #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:20:26
  29. 29 | #28 Update Each Location #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:17:13
  30. 30 | #29 Setup Main Menu Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:10:44
  31. 31 | #30 Show or Hide Add New Item Button #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:16:45
  32. 32 | #31 Setup Dynamic Menu Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:05:40
  33. 33 | #32 Setup Add New Category Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:04:55
  34. 34 | #33 Setup Links for Add or View Categories Component #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:10:15
  35. 35 | #34 Users Can Only Access Their Categories Validations #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:11:00
  36. 36 | #35 View Location Details on Categories #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:10:08
  37. 37 | #36 Add New Category Name #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:11:55
  38. 38 | #37 User Cant Duplicate Category Name #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:09:11
  39. 39 | #38 View Categories Table's Setup 00:09:26
  40. 40 | #39 Update Category Name #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:15:31
  41. 41 | #40 Delete Category Name and its related Items #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:22:26
  42. 42 | #41 Delete All Categories and All Related Items at once #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:22:14
  43. 43 | #42 Delete Each Location, Its related Categories and Items #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:11:08
  44. 44 | #43 Delete All Locations along with related Categories & Items #مشروع_تطبيق_إدارة_مطعم #vue_js 00:10:31
  45. 45 | #44 Fix Bug on Deleting all Locations #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:02:31
  46. 46 | #45 Add New Item Component Setup #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:05:31
  47. 47 | #46 Add New Item Form #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:10:59
  48. 48 | #47 Add New Item Forms Validations Setup #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:16:36
  49. 49 | #48 Store New Items Data #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:11:36
  50. 50 | #49 Store New Items Data Fix Bug #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:02:07
  51. 51 | #50 Update Item Details Setup #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:08:21
  52. 52 | #51 User Only Update Accessible Items #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:02:29
  53. 53 | #52 Display Old Item Data and Update Item Form #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:06:21
  54. 54 | #53 View Menu Items in Each Location #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:22:26
  55. 55 | #54 Enhance View Menu Items #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:12:35
  56. 56 | #55 Convert Item Price and Qty to Numbers with Comma Separators #مشروع_تطبيق_إدارة_مطعم #vue_js_3 00:01:24
  57. 57 | #56 Delete Each Menu Item #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:16:31
  58. 58 | #57 Delete All Menu Items for each location #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:14:17
  59. 59 | #58 Enhance Login Form #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:07:17
  60. 60 | #59 Enhance Signup Form and No Duplicate Emails on Signup #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:07:07
  61. 61 | #60 Enhance All Forms and Overview and Last Lesson #مشروع_تطبيق_إدارة_مطعم #vue_js_project 00:05:59
    Student Reviews

    ( 4.8 Of 5 )

    6 reviews
    5 Stars
    66.67%
    4 Stars
    16.67%
    3 Stars
    16.67%
    2 Stars
    0%
    1 Star
    0%
    A
    Ahmed Bakr

    07-12-2023
    A
    Ashraf Hamdy

    02-05-2023
    S
    Saud Bin

    27-09-2022
    Y
    Youtube

    21-08-2022
    Z
    Zeroual Ahmed

    23-10-2023
    T
    Tarek Abdullah

    20-05-2024
    مشروع تطبيق إدارة مطعم VUE JS 3, Vuelidate, Axios & JSON Server

    In this tutorial, we will build Restaurant Admin Dashboard using Vue Js 3. Most likely we will only focus on FrontEnd.
    You will create Login, Sign Up for each user. Only Accessed users will be able to login into the restaurant system.
    Users will be able to add and manage many locations, categories, menu items.
    Each User will have his own profile page that he/she can manage it at any time.
    We will be using these techniques [ VUE JS 3, Bootstrap 5, Axios, JSON Server, Vuex, Vue Router, Vuelidate and Rest API ] in our application.
    Code:https://github.com/salahbedeiwi/restaurant-sys-vue-json-server
    Hope you enjoy it and add your comments if you have any questions.
    Facebook Account: https://www.facebook.com/salah.bedeiwi
    You can also watch more Vue Js Videos in this Youtube Channel.