Build an e-commerce platform / Introduction and demo

0 complete
104 parts
Next →

1. Introduction and demo

03:27

2. Setting up Laravel

03:27

3. Setting up Nuxt and Bulma

07:26

4. Setting up for testing

02:57

5. Building the category model

15:01

6. Category index endpoint

12:24

7. Showing categories and children

14:29

8. Simple products

03:07

9. Product index endpoint

07:54

10. Product show endpoint

04:03

11. Showing a product

03:50

12. Hooking up products to categories

03:16

13. Scoping products by category

14:41

14. Simple CORS support

01:17

15. Showing products in categories

08:03

16. Product variations

09:01

17. Product variation types

12:54

18. Fixing failing tests for the product index

02:57

19. Quick scoper trait refactor

01:02

20. Product prices

11:05

21. Product variation prices

07:42

22. Updating the client prices

00:49

23. Showing product variations

05:00

24. Showing if the product variation price differs

01:10

25. Selecting product variations to add

09:52

26. Product stock blocks

06:49

27. Basics orders to test stock

05:10

28. Product stock database view

13:34

29. Product variation stock checks

09:12

30. Showing if a variation is out of stock

01:15

31. Base product stock information

04:58

32. Showing if a product is out of stock

01:05

33. Updating dropdown with stock count

03:36

34. JSON response profiling

08:06

35. Setting up authentication

03:52

36. Registering a user

13:06

37. Authenticating a user

07:47

38. The me endpoint

07:37

39. Authenticating on the client

07:46

40. Updating the navigation

02:19

41. The user cart relationship

05:57

42. Adding items to the cart

23:35

43. Incrementing quantity when adding

04:17

44. Updating product cart quantities

10:14

45. Deleting cart products

04:27

46. Emptying the cart

01:41

47. Getting the user’s cart

12:00

48. Getting the cart for every request

04:27

49. Building the cart page

09:58

50. Deleting cart items

03:25

51. Updating cart item quantities

03:39

52. Checking if the cart is empty

05:05

53. Disabling the checkout button

02:36

54. Getting the cart totals

06:08

55. Showing the cart subtotal

02:52

56. Syncing the cart

10:28

57. Testing minimum stock

01:13

58. Getting changed status on the client

01:51

59. Showing the product variation type

01:04

60. SQL optimizations

03:57

61. Adding items on the client

03:41

62. Countries table

02:37

63. Addresses setup

07:32

64. Listing addresses

05:26

65. Storing an address

09:55

66. Toggling default addresses

05:49

67. Building the checkout page

07:42

68. Showing the default address

08:38

69. Switching the shipping address

08:51

70. Creating a new shipping address

07:37

71. Countries endpoint

02:43

72. Country dropdown selector

04:30

73. Creating shipping methods

04:06

74. Hooking up shipping methods to countries

06:03

75. Getting the right shipping methods for an address

11:41

76. Using v-model with a shipping address

02:15

77. Outputting available shipping methods

03:40

78. Adding shipping onto the subtotal

13:59

79. Displaying shipping price and total at checkout

09:53

80. Fixing shipping error on checkout

01:39

81. Adding address and shipping method relation to orders

08:49

82. Order statuses and defaults

05:45

83. Basic order validation

12:03

84. Custom shipping method validation rule

07:06

85. Creating an order

09:58

86. Revisiting orders and product relations

04:57

87. Fixing cart store failing test

01:26

88. Attaching products when ordering

10:39

89. Refactoring to a custom collection

07:56

90. Failing if the cart is empty

04:06

91. Emptying the cart when ordering

06:36

92. Returning order details

07:40

93. Fixing up failing order test

01:13

94. Placing orders from the checkout

07:07

95. Warning users of cart changes, plus some refactoring

14:55

96. Alerting on checkout changes

11:52

97. Fixing the quantity UI bug

03:34

98. Orders endpoint

09:32

99. Formatting order total and subtotal

05:32

100. Order index setup

02:49

101. Listing through orders

11:35

102. Product variation product relationship

05:45

103. Updating product variations in orders

02:12

104. Refactoring statuses to dynamic components

05:34

Build an e-commerce platform

  • 11 hours 18 mins
  • Released 3 weeks ago

Build a robust e-commerce platform with a Laravel API and Nuxt frontend. Products with flexible variations, proper price implementation, a full checkout experience with dynamic shipping and payment implementations (including saved payment methods) and loads more.

Vue.js
Laravel
In development
Updated

Discussions (0)