1
00:00:00,180 --> 00:00:01,770
Hello, friend, welcome back.

2
00:00:01,800 --> 00:00:08,430
Indecision will create the basic e-commerce Web site with using the Python channel, and we will build

3
00:00:08,430 --> 00:00:09,720
it from scratch.

4
00:00:09,750 --> 00:00:14,580
So before starting this session, I want to share with you how this project will be looked like.

5
00:00:14,790 --> 00:00:19,900
Like here you can see that is our home page and the homepage, Aleut, all that our features Portakabins

6
00:00:19,910 --> 00:00:20,460
is visible.

7
00:00:20,470 --> 00:00:23,850
So that is all that our features products are right now for education purposes.

8
00:00:23,850 --> 00:00:29,490
They have the only five products and they're going to see the images that mean the product images,

9
00:00:29,490 --> 00:00:30,510
the product name.

10
00:00:30,520 --> 00:00:33,510
That is a product price and that is our old price.

11
00:00:33,520 --> 00:00:37,160
OK, and also if you reelected to retail space.

12
00:00:37,470 --> 00:00:41,500
So that is our product, retail space and the product details page here.

13
00:00:41,500 --> 00:00:47,220
You can see that is a product images visible product title that is a product price and which category

14
00:00:47,220 --> 00:00:53,160
that is category name is also visible that they have some of the short description and that is our total

15
00:00:53,160 --> 00:00:54,060
full description.

16
00:00:54,300 --> 00:00:59,940
OK, so for irrigation purposes, I'm using some of the demo text on here and also to have the add to

17
00:00:59,940 --> 00:01:00,580
cart button.

18
00:01:00,840 --> 00:01:02,550
So right now I'm not logging.

19
00:01:02,560 --> 00:01:06,240
So if you click on the article, you can see redirected to the home page.

20
00:01:06,240 --> 00:01:10,530
Because of all, without logging, you cannot patches any product.

21
00:01:10,810 --> 00:01:13,410
So if you want to participate, Miles, you have to log in.

22
00:01:13,620 --> 00:01:15,560
And also they have the sign up option.

23
00:01:15,570 --> 00:01:19,620
So if you want to create some of the new user that you can some of the new users.

24
00:01:19,620 --> 00:01:22,290
So that is that Jianguo default authentication system.

25
00:01:22,470 --> 00:01:24,180
And also there is a logging.

26
00:01:24,600 --> 00:01:29,880
And here also you can see there is an email and the power to by default in Django that is actually another

27
00:01:29,880 --> 00:01:34,830
feel as a user name so you can change it and how can make the things that you demand.

28
00:01:34,830 --> 00:01:37,070
I will show you that things with a live example.

29
00:01:37,110 --> 00:01:40,470
So here I have added that email, not that user name.

30
00:01:40,480 --> 00:01:42,150
So by default, that is actually the user name.

31
00:01:42,160 --> 00:01:43,280
So how can change it?

32
00:01:43,290 --> 00:01:44,010
I will show you.

33
00:01:44,040 --> 00:01:45,390
So that is our email address.

34
00:01:45,390 --> 00:01:45,780
Right now.

35
00:01:45,780 --> 00:01:51,950
I'm logging with the audience at Gmail dot com, so I have already created this user.

36
00:01:51,960 --> 00:01:55,050
So if you want to create a user, you can create it from the sign of peace.

37
00:01:55,110 --> 00:01:55,380
Right?

38
00:01:55,690 --> 00:01:57,030
So that is our user name.

39
00:01:57,030 --> 00:02:00,480
I just simply define our email address and the password.

40
00:02:02,040 --> 00:02:05,770
So to simply define our password, as you deem, one, two, three, four, five.

41
00:02:05,790 --> 00:02:10,550
And now if you click is a logging, now you can see that we can successfully log in.

42
00:02:10,920 --> 00:02:12,990
So there is also option for the profile.

43
00:02:12,990 --> 00:02:14,220
That is a user name.

44
00:02:14,220 --> 00:02:19,350
That is a full name that is addressed, the CTG called Country and the Phone.

45
00:02:19,380 --> 00:02:25,010
So if you want to update that user details that you can update that user details from this area.

46
00:02:25,020 --> 00:02:31,950
And also here, how can display some of the notification message like here I want to update as our full

47
00:02:31,950 --> 00:02:32,310
name.

48
00:02:32,310 --> 00:02:34,560
So I name it as a ghazarian one.

49
00:02:34,920 --> 00:02:39,300
And those figures are safe now, consistent also showing some of the notification.

50
00:02:39,300 --> 00:02:43,260
That is a profile updated successfully so you can display this type up.

51
00:02:43,260 --> 00:02:45,720
One of the notification messages in Django.

52
00:02:45,720 --> 00:02:48,000
I will show you that things with a live example.

53
00:02:48,300 --> 00:02:54,000
So I know if you want to practice on the product like here, I purchased this product and click on the

54
00:02:54,000 --> 00:02:54,810
add to Cart.

55
00:02:54,810 --> 00:02:57,480
You can see our card is now totally updated.

56
00:02:57,780 --> 00:02:59,640
And also I want to take another one.

57
00:03:00,210 --> 00:03:01,410
I take another one.

58
00:03:01,410 --> 00:03:03,070
So that is also updated.

59
00:03:03,090 --> 00:03:07,350
So now if you go to the store card with the card area, you can see it's not perfectly visible.

60
00:03:07,350 --> 00:03:12,630
Our card, all the product name, there is a quantity and there is our product price and there is a

61
00:03:12,630 --> 00:03:17,120
remove option and there is our total unit price and there is our total price.

62
00:03:17,520 --> 00:03:21,900
So if you want to remove these things from your card, you can see it's also showing of the message

63
00:03:22,170 --> 00:03:25,120
that this item was removed from your card.

64
00:03:25,490 --> 00:03:31,500
OK, and also from here, if you want to increment it, you can increment that quantity and our prices

65
00:03:31,730 --> 00:03:35,370
will all be updated and our total amount also will be updated.

66
00:03:35,520 --> 00:03:40,160
Sulkin, display this step up on the notification when it should be quantity updated.

67
00:03:40,320 --> 00:03:41,220
I will show you.

68
00:03:41,490 --> 00:03:46,080
And also, if you want to reduce this quantity, you can see the quantities reduced.

69
00:03:46,080 --> 00:03:48,390
And that is our number one as there is one.

70
00:03:48,750 --> 00:03:53,940
And also here I define one of the validations when our discard will be as a zero.

71
00:03:54,150 --> 00:04:00,050
That means this card will be as empty right then automatically it should be declared to our home base.

72
00:04:00,090 --> 00:04:05,880
Like if you click as a minus again, you can see it's perfectly adequate to our home page, which shows

73
00:04:05,880 --> 00:04:09,560
on the message as if you don't have any item in your card.

74
00:04:09,900 --> 00:04:16,320
OK, so can we finally step up one of the validation step by step, I will show you so I know what to

75
00:04:16,320 --> 00:04:18,030
do and to purchase some of the product.

76
00:04:18,540 --> 00:04:21,000
So I just simply added that up to card.

77
00:04:21,760 --> 00:04:25,530
I also added that add to cart to the card option.

78
00:04:25,540 --> 00:04:28,080
So from here, if you want to remove it, you can remove it.

79
00:04:28,080 --> 00:04:28,360
Right.

80
00:04:28,650 --> 00:04:33,710
So now in two increments of the product like here, I incremented, I want to take this product closer

81
00:04:33,720 --> 00:04:38,940
to quantity and that is our one quantity and that is automatically it will be calculated.

82
00:04:38,940 --> 00:04:42,330
Our this data that is our total amount as a one forty five.

83
00:04:42,510 --> 00:04:48,240
OK, so now if you click on the continue shipping then you can return to your home page and you can

84
00:04:48,240 --> 00:04:50,770
add multiple product if you want to buy it.

85
00:04:51,090 --> 00:04:56,010
So if you go to that card again, if you go to that process to check out and order the process to check

86
00:04:56,010 --> 00:04:59,940
out also that have some of the validation I have added on here like.

87
00:05:00,040 --> 00:05:05,680
If you make that feel as empty, that is actually our shipping address, if you can get the save address

88
00:05:06,010 --> 00:05:11,700
now consistent, showing some of the message as a please fill up all that information to make a payment.

89
00:05:11,740 --> 00:05:15,880
That means without providing that your shipping details, you cannot payment.

90
00:05:15,910 --> 00:05:23,380
OK, so here, if you put the country name as a saver, this you can see now all the our field is fill

91
00:05:23,380 --> 00:05:25,900
up, that the shipping address is saved.

92
00:05:26,110 --> 00:05:29,870
And now you can see it's not showing our button for make that payment.

93
00:05:30,220 --> 00:05:36,370
OK, and also showing our total product name, that is a product name and also showing the quantity.

94
00:05:36,370 --> 00:05:42,310
And that is our another product and that is our quantity and also not display our order total and that

95
00:05:42,310 --> 00:05:42,830
is our order.

96
00:05:42,880 --> 00:05:44,750
Total amount of difference.

97
00:05:44,790 --> 00:05:46,450
How can create this step up?

98
00:05:46,450 --> 00:05:50,380
One of the validation I will show you, and then there is a payment.

99
00:05:50,920 --> 00:05:56,170
And here I will also show you how I can add that third party API for your payment.

100
00:05:56,410 --> 00:06:02,530
So right now I'm using that SSL e-commerce, one of the payment method and the Bermel our Visa card.

101
00:06:02,560 --> 00:06:06,670
So here, if you put your card name, that is a card date and everything.

102
00:06:06,670 --> 00:06:10,190
If you put it and you can see it's also showing our appropriate amount.

103
00:06:10,190 --> 00:06:11,770
So that is actually our payment.

104
00:06:11,770 --> 00:06:12,070
Right.

105
00:06:12,080 --> 00:06:14,920
You can see it's not perfectly visible, our display amount.

106
00:06:14,920 --> 00:06:21,640
And also there is a mobile banking if you go here and it is perfectly visible, our our mounted on here,

107
00:06:21,640 --> 00:06:23,690
there's our invoice number is generated.

108
00:06:23,740 --> 00:06:25,190
That description is generated.

109
00:06:25,390 --> 00:06:28,190
So right now here I'm using one of the download account.

110
00:06:28,210 --> 00:06:32,860
OK, and also that is that OTP software, which will be as a success.

111
00:06:34,140 --> 00:06:39,900
You can see it's not perfectly showing as your payment completed successfully and win this, our payment

112
00:06:39,900 --> 00:06:43,830
is completed automatically, our card will be as empty.

113
00:06:43,980 --> 00:06:50,130
And now if you go to your orders and you can see right now, it's also showing that already and they

114
00:06:50,130 --> 00:06:55,850
are cut out for that amount and also showing that the status of a friend is very much interactive.

115
00:06:55,890 --> 00:06:58,620
One of the things like here, I want to add another one.

116
00:06:59,500 --> 00:07:05,470
I just want to buy these products so that they'll buy these products, I just simply buy it.

117
00:07:05,480 --> 00:07:09,430
You can see that our product is in our area also here.

118
00:07:09,430 --> 00:07:14,530
If you want to update that quantity, you can update it if you go to that process to check out.

119
00:07:14,770 --> 00:07:17,740
So first of all, here it will be check your shipping details.

120
00:07:17,740 --> 00:07:19,790
Everything is perfectly OK or not.

121
00:07:19,810 --> 00:07:22,320
And then after that, you can make your payment.

122
00:07:23,120 --> 00:07:25,770
Right now I have our payment as a 40.

123
00:07:25,810 --> 00:07:29,200
You can see this perfectly getting that our 40 amount.

124
00:07:29,200 --> 00:07:35,950
And also from here, if your payment is felt like I just make that as a failed, you can see snowshoeing

125
00:07:35,950 --> 00:07:37,400
as your payment failed.

126
00:07:37,750 --> 00:07:38,830
Please try again.

127
00:07:38,890 --> 00:07:39,310
OK.

128
00:07:39,580 --> 00:07:44,800
Also will be displayed this step with the notification and after that, five seconds automatically leaves

129
00:07:44,830 --> 00:07:46,430
to be to your home base.

130
00:07:46,540 --> 00:07:49,420
So here you don't need to do anything automatically.

131
00:07:49,420 --> 00:07:54,360
Your page will be refreshed and then it should be addicted to your home base so you can do this work.

132
00:07:54,640 --> 00:07:56,550
I step by step, I will show you.

133
00:07:56,880 --> 00:08:02,080
So right now, I don't want to make at this product as a purchase like right now our product price as

134
00:08:02,080 --> 00:08:02,590
a 40.

135
00:08:02,590 --> 00:08:03,870
So I want to increase it.

136
00:08:04,540 --> 00:08:06,490
So I want to increase it as a 60.

137
00:08:06,550 --> 00:08:08,580
OK, so that is actually our imagination.

138
00:08:08,830 --> 00:08:11,580
So that is our product name go to our process.

139
00:08:12,040 --> 00:08:14,350
So that is our total amount as a 60.

140
00:08:14,380 --> 00:08:15,550
Make a payment.

141
00:08:17,230 --> 00:08:23,320
You can see suffering as a 60, so now I want to make as a right now, I want to add another payment

142
00:08:23,320 --> 00:08:25,530
gateway so that is our success.

143
00:08:26,230 --> 00:08:31,590
So I just take it you can see our payment completed successfully and also our card is updated.

144
00:08:31,600 --> 00:08:38,100
And if you go to your orders and the orders are you can see I have buy this product as a three quantity.

145
00:08:38,110 --> 00:08:40,270
So that is of our quantities visible.

146
00:08:40,270 --> 00:08:43,050
And that is our product name is visible right now.

147
00:08:43,060 --> 00:08:43,900
That is our process.

148
00:08:43,900 --> 00:08:44,510
Your order.

149
00:08:44,760 --> 00:08:45,000
OK.

150
00:08:45,130 --> 00:08:51,850
And so how can we step up on the simple with a lot of the functionality with using that Django Python

151
00:08:51,850 --> 00:08:52,840
is step by step.

152
00:08:52,840 --> 00:08:55,260
I will show you that things with the live example.

153
00:08:55,480 --> 00:09:00,770
And after that, if you click as a log out and you can see who of the logo, then it will be shows on

154
00:09:00,790 --> 00:09:02,860
the message that you are locked out.

155
00:09:02,890 --> 00:09:05,980
OK, so we can display this type of the notification.

156
00:09:06,100 --> 00:09:08,790
I will show you everything from the scratch.

157
00:09:08,950 --> 00:09:10,990
I hope you will like it very much.

158
00:09:10,990 --> 00:09:13,950
And I am really excited to share my experience with you.

159
00:09:14,080 --> 00:09:16,360
So if you are already there, let's get started.