{"id":12216,"date":"2021-02-11T00:00:00","date_gmt":"2021-02-10T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2021\/02\/11\/laravel%e7%ad%86%e8%a8%98-fullstack-laravel-vue-js-e-commerce-series\/"},"modified":"2026-03-30T14:39:12","modified_gmt":"2026-03-30T06:39:12","slug":"laravel%e7%ad%86%e8%a8%98-fullstack-laravel-vue-js-e-commerce-series","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2021\/02\/laravel%e7%ad%86%e8%a8%98-fullstack-laravel-vue-js-e-commerce-series\/","title":{"rendered":"Laravel\u7b46\u8a18 – FullStack Laravel Vue.js E-commerce Series"},"content":{"rendered":"
FullStack Laravel Vue.js E-commerce Series:<\/b><\/span><\/span><\/div>\n\n
    \n
  1. \n
    Local Environment Setup<\/span><\/div><\/li>\n
  2. \n
    Laragon installation (Local Development Server)<\/span><\/div><\/li>\n
  3. \n
    Composer Installation (PHP Dependency Manager)<\/span><\/div><\/li>\n
  4. \n
    Node js installation (For Runtime Environment)<\/span><\/div><\/li>\n
  5. \n
    Useful Chrome Extension for Development<\/span><\/div><\/li>\n
  6. \n
    Vue.js dev tools<\/span><\/div><\/li>\n
  7. \n
    Form Filler<\/span><\/div><\/li>\n
  8. \n
    JSON Formatter<\/span><\/div><\/li>\n
  9. \n
    Wappalyzer<\/span><\/div><\/li>\n
  10. \n
    Git installation & github details (For Version Control)<\/span><\/div><\/li>\n
  11. \n
    Editor Installation & Setup (Vs Code & PHP Strom)<\/span><\/div><\/li>\n
  12. \n
    Introduction About Laravel Framework & Laravel Installation<\/span><\/div><\/li>\n
  13. \n
    Details About Laravel Framework Folder Structure<\/span><\/div><\/li>\n
  14. \n
    Discuss about Laravel MVC (Model,View,Controller)<\/span><\/div><\/li>\n
  15. \n
    Basic CRUD Operation by Laravel (For Fresher)<\/span><\/div><\/li>\n
  16. \n
    Env Details & Database Creation & Configuration<\/span><\/div><\/li>\n
  17. \n
    Details About Laravel Migration<\/span><\/div><\/li>\n
  18. \n
    Details About Laravel Model<\/span><\/div><\/li>\n
  19. \n
    Details About Laravel View<\/span><\/div><\/li>\n
  20. \n
    Insert Data To Database<\/span><\/div><\/li>\n
  21. \n
    Complete CRUD operation (edit,update,delete)<\/span><\/div><\/li>\n
  22. \n
    Fresh laravel Installation and start Ecommerce<\/span><\/div><\/li>\n
  23. \n
    Laravel installation, Basic uses git and github<\/span><\/div><\/li>\n
  24. \n
    Assets management & Master View<\/span><\/div><\/li>\n
  25. \n
    Analysis about ecommerce html template for database design<\/span><\/div><\/li>\n
  26. \n
    Database Design by Erdplus<\/span><\/div><\/li>\n
  27. \n
    Migration,Model, Controller Creation<\/span><\/div><\/li>\n
  28. \n
    Introduction about vue js & installation.<\/span><\/div><\/li>\n
  29. \n
    Introduction and installation<\/span><\/div><\/li>\n
  30. \n
    Basic Vue js<\/span><\/div><\/li>\n
  31. \n
    Working with laravel and vue js<\/span><\/div><\/li>\n
  32. \n
    Front-end Scaffolding<\/span><\/div><\/li>\n
  33. \n
    Assets management for vue js<\/span><\/div><\/li>\n
  34. \n
    Laravel with Vue-Router<\/span><\/div><\/li>\n
  35. \n
    Introduction about vue-router & installation<\/span><\/div><\/li>\n
  36. \n
    Frontend Routing Scaffolding with Vue-Router<\/span><\/div><\/li>\n
  37. \n
    Admin Routing Scaffolding with Vue-Router<\/span><\/div><\/li>\n
  38. \n
    Laravel and Vue router mix routing<\/span><\/div><\/li>\n
  39. \n
    Admin LTE installation and setup for admin dashboard<\/span><\/div><\/li>\n
  40. \n
    Basic Component design and setup for admin dashboard<\/span><\/div><\/li>\n
  41. \n
    Basic Component design and setup for frontend<\/span><\/div><\/li>\n
  42. \n
    Schema design by laravel migration<\/span><\/div><\/li>\n
  43. \n
    Laravel with Vuex<\/span><\/div><\/li>\n
  44. \n
    Introduction about Vuex & installation and basic uses<\/span><\/div><\/li>\n
  45. \n
    Vuex store setup for Ecommerce Project by vuex module<\/span><\/div><\/li>\n
  46. \n
    Authentication<\/span><\/div><\/li>\n
  47. \n
    User authentication component design<\/span><\/div><\/li>\n
  48. \n
    User registration<\/span><\/div><\/li>\n
  49. \n
    User login<\/span><\/div><\/li>\n
  50. \n
    Get authenticate user data by vuex module<\/span><\/div><\/li>\n
  51. \n
    User logout and element ui setup<\/span><\/div><\/li>\n
  52. \n
    Admin Authentication<\/span><\/div><\/li>\n
  53. \n
    Admin login component design<\/span><\/div><\/li>\n
  54. \n
    Admin login configuration<\/span><\/div><\/li>\n
  55. \n
    Admin login<\/span><\/div><\/li>\n
  56. \n
    Admin Logout<\/span><\/div><\/li>\n
  57. \n
    Global vue router navigation guard for admin dashboard<\/span><\/div><\/li>\n
  58. \n
    Font Awesome support and get authenticate admin by vuex<\/span><\/div><\/li>\n
  59. \n
    Multiple component creation, routing and active class<\/span><\/div><\/li>\n
  60. \n
    Category CRUD<\/span><\/div><\/li>\n
  61. \n
    Category List page design by element UI<\/span><\/div><\/li>\n
  62. \n
    Factory, tinker, resource route, get category list by vuex<\/span><\/div><\/li>\n
  63. \n
    Category list display with moment js, vue filter included<\/span><\/div><\/li>\n
  64. \n
    Delete category by resource route<\/span><\/div><\/li>\n
  65. \n
    Add new category<\/span><\/div><\/li>\n
  66. \n
    Update category<\/span><\/div><\/li>\n
  67. \n
    Category list pagination by vuex<\/span><\/div><\/li>\n
  68. \n
    Multiple category delete by checkbox<\/span><\/div><\/li>\n
  69. \n
    Brand CRUD<\/span><\/div><\/li>\n
  70. \n
    Complete brand CRUD<\/span><\/div><\/li>\n
  71. \n
    Customer CRUD<\/span><\/div><\/li>\n
  72. \n
    Customer list display with pagination<\/span><\/div><\/li>\n
  73. \n
    Product CRUD<\/span><\/div><\/li>\n
  74. \n
    Laravel factory with details<\/span><\/div><\/li>\n
  75. \n
    Product list display<\/span><\/div><\/li>\n
  76. \n
    Product single and multiple delete<\/span><\/div><\/li>\n
  77. \n
    Product details view<\/span><\/div><\/li>\n
  78. \n
    Add new product<\/span><\/div><\/li>\n
  79. \n
    Update product<\/span><\/div><\/li>\n
  80. \n
    Work with frontend<\/span><\/div><\/li>\n
  81. \n
    Basic Component Design for frontend<\/span><\/div><\/li>\n
  82. \n
    Working with product page<\/span><\/div><\/li>\n
  83. \n
    Display product list<\/span><\/div><\/li>\n
  84. \n
    View Product<\/span><\/div><\/li>\n
  85. \n
    Add to cart<\/span><\/div><\/li>\n
  86. \n
    Display sidebar<\/span><\/div><\/li>\n
  87. \n
    Product filtering<\/span><\/div><\/li>\n
  88. \n
    Product pagination<\/span><\/div><\/li>\n
  89. \n
    User login registration implementation to template<\/span><\/div><\/li>\n
  90. \n
    Add to wishlist<\/span><\/div><\/li>\n
  91. \n
    Working Checkout Page<\/span><\/div><\/li>\n
  92. \n
    Checkout page design<\/span><\/div><\/li>\n
  93. \n
    Complete Checkout process by CashOnDelivery<\/span><\/div><\/li>\n
  94. \n
    Order Processing<\/span><\/div><\/li>\n
  95. \n
    Display order in admin panel<\/span><\/div><\/li>\n
  96. \n
    Define relation in user, order & order-items<\/span><\/div><\/li>\n
  97. \n
    Complete order details<\/span><\/div><\/li>\n
  98. \n
    Display order in user dashboard<\/span><\/div><\/li>\n
  99. \n
    Stripe Payment gateway Integration<\/span><\/div><\/li>\n
  100. \n
    Code optimization<\/span><\/div><\/li>\n
  101. \n
    Ready to build production version<\/span><\/div><\/li>\n
  102. \n
    Deploy in live Server<\/span><\/div><\/li>\n
  103. \n
    https:\/\/youtu.be\/JfLM-Uz8UXg……<\/a><\/span><\/span><\/div><\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"

    FullStack Laravel Vue.js E-commerce Seri … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-12216","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=12216"}],"version-history":[{"count":1,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12216\/revisions"}],"predecessor-version":[{"id":13661,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12216\/revisions\/13661"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}