Skip to playerSkip to main content
  • 3 months ago
🎯 Today’s Learning Outcomes
By the end of this class, students will be able to:
✅ Implement form handling and validation for product details (name, price, description, image, etc.)
✅ Connect the form with Node.js + Express backend API to save products in MongoDB
✅ Display real-time success/error messages after product submission
✅ Understand the complete product creation flow used in real e-commerce projects

Category

📚
Learning
Transcript
00:00:00hello guys good evening everyone good evening vayakar shagal tanya lifa arjun
00:00:13vayakar rajendra and other restaurants
00:00:17for those of you in that one response to that and my voice here is clear this is how
00:00:31do you know
00:00:32you
00:00:37do
00:00:41do you know you can do a good update notification
00:00:44yeah, I am going to do a good update notification
00:00:46I am going to do a good update
00:00:48and I am going to do a good update
00:00:50wait a minute
00:01:02If you have a link in the description box, you can find a link in the description box and you can find a link in the description box.
00:01:32If you have a link in the description box, you can find a link in the description box and you can find a link in the description box.
00:02:02If you have a link in the description box, you can find a link in the description box and you can find a link in the description box.
00:02:09If you have a link in the description box, you can find a link in the description box.
00:02:16If you have a link in the description box, you can find a link in the description box.
00:02:23If you have a link in the description box, you can find a link in the description box.
00:02:30If you have a link in the description box, you can find a link in the description box.
00:02:34Wait a minute guys.
00:03:00If you have a link in the description box, you can find a link in the description box.
00:03:10I want you to find a link in the description box in the description box.
00:03:26do you think it comes from class in start
00:03:48Okay, front end and back end to run and what we have seen, we can see it in the same way.
00:03:56We can see here in front end.
00:04:01We can run this.
00:04:03npm run dev
00:04:07Same as we can run back end.
00:04:09We can see here in back end.
00:04:13npm run server run.
00:04:18We can run this.
00:04:20Okay, so this is front end and back end.
00:04:23We can run this.
00:04:25Now we can run this.
00:04:34We can run this.
00:04:36We can run this.
00:04:38We can run this.
00:04:40We can run this.
00:04:42We can run this same path.
00:04:44So now we can run this.
00:04:45We can run this with banner page.
00:04:49Okay, of course, we want to run the backup page during this video.
00:04:52And then, while we are building the eco page, you can Eduardo's price icon
00:04:53click to open the email page itself,
00:04:56I should start publishing the ad webpage itself.
00:04:59Now, on this campus or when we can run this up website,
00:05:01what we want to look at here?
00:05:04add
00:05:05perfect
00:05:06now
00:05:07what do you want to do
00:05:08now
00:05:09delete
00:05:10process
00:05:11if you click
00:05:12then
00:05:13you have
00:05:14delete
00:05:15then
00:05:16delete
00:05:17then
00:05:18then
00:05:19update
00:05:20then
00:05:21after
00:05:22then
00:05:23we will
00:05:24see
00:05:25the
00:05:26admin
00:05:27product
00:05:28here
00:05:29we have
00:05:30options
00:05:31here
00:05:32delete
00:05:34option
00:05:35here
00:05:36this
00:05:38is
00:05:39click
00:05:40what do you want to do
00:05:42delete
00:05:43this
00:05:44is
00:05:45what do you want to do
00:05:46delete
00:05:47this
00:05:48is
00:05:49what do you want to do
00:05:50delete
00:05:51this
00:05:52is
00:05:53on
00:05:54click
00:05:55and
00:05:56on
00:05:57click
00:05:58now
00:05:59what do you want to do
00:06:01delete
00:06:02is
00:06:03handle
00:06:04delete
00:06:05handle
00:06:06delete
00:06:07handle
00:06:08delete
00:06:09handle
00:06:10delete
00:06:11and
00:06:12click
00:06:13click
00:06:14function
00:06:15work
00:06:16here
00:06:17handle
00:06:18delete
00:06:19this
00:06:20product
00:06:21delete
00:06:22so
00:06:23here
00:06:24you have
00:06:25all
00:06:26product
00:06:27category
00:06:28name
00:06:29price
00:06:30same
00:06:31as
00:06:32same
00:06:33as
00:06:34the
00:06:35item
00:06:36dot
00:06:37dot
00:06:38dot
00:06:39dot
00:06:40dot
00:06:41dot
00:06:42dot
00:06:43dot
00:06:44dot
00:06:45dot
00:06:47dot
00:06:48top
00:06:49dot
00:06:50dot
00:06:52three
00:06:53dot
00:06:54dot
00:06:55dot
00:06:56dot
00:06:57dot
00:07:00dot
00:07:01dot
00:07:16dot
00:07:17.
00:07:34.
00:07:37I will create a URL which is called product delete.
00:07:44We will create a ID with the ID.
00:07:50This is the URL which will hit its dynamic route and it will hit its ID.
00:07:59Let's do this.
00:08:02So, back end, we will be able to hit the API routes and get API API.js.
00:08:11Now, get API.js will be able to do this.
00:08:14We have been able to do this.
00:08:17Now, we have been able to do this process.
00:08:19So, we have method to do this.
00:08:22We have method to do this.
00:08:25So, we have method to do this.
00:08:27And we have method to do this.
00:08:31Now, the issue is used by .
00:08:38Here you can hit the URL.
00:08:40This URL.
00:08:42Here you can focus on this URL.
00:08:46We will show our dynamic routes.
00:08:50So, we will turn down the ID.
00:08:52This
00:08:58so we are going to add admin controller and then we will create an admin
00:09:05so this is get all products controller and add admin products
00:09:11so this is a controller which I will create delete product controller
00:09:18delete product controller
00:09:24so this is delete product controller and what will happen in this case
00:09:29we will create a query for our collection
00:09:33so here we will export this
00:09:36here we will create a delete product controller and then we will export this
00:09:40API.js and then we will import this
00:09:44so here we will have our ID or console
00:09:48do it for me after console Carvalito I guess your request to doctor
00:09:54and I think that's a good idea that you can make a check of that idea to get here and check
00:10:03the idea is here the way I have to go ahead and check the idea I don't like it I'm an
00:10:08head of backup and check it out to be ABC and the objective which is ABC name is
00:10:14foreign
00:10:21foreign
00:10:28foreign
00:10:33foreign
00:10:38foreign
00:10:43I am going to pass the ID to the product ID and delete the data.
00:10:50If you will find and delete the data, then you will assign to the Async Await.
00:10:57If you try and catch, try and catch, then try and catch.
00:11:07
00:11:09
00:11:11
00:11:13
00:11:15
00:11:29
00:11:31
00:11:33
00:11:35
00:11:37
00:11:39
00:11:41
00:11:43
00:11:47
00:11:49
00:11:53
00:11:55
00:12:01
00:12:05So this variable I assign it to me
00:12:07I will say const
00:12:08And here I will say response
00:12:12And this function is as inconnus function
00:12:17And here I will say wait
00:12:19Perfect
00:12:21Now response will come
00:12:23Json will come
00:12:24So convert
00:12:25Response.json
00:12:27And this variable I assign it to me
00:12:30And here I will say result
00:12:32And here I will say result
00:12:36Perfect
00:12:38And here I will say result
00:12:40What is the result
00:12:42What is the result
00:12:44So here I will say
00:12:46And here I will say
00:12:48Successfully delete
00:12:50And then I will say
00:12:52I will say that
00:12:54You will say that
00:12:56Delete
00:12:58Perfect
00:13:00Perfect
00:13:01No matter
00:13:02Now issue is
00:13:03Refresh
00:13:04Or issue is
00:13:05Open solve
00:13:06Here I will say
00:13:08Result
00:13:09Data
00:13:10Condition
00:13:11If condition
00:13:12Condition
00:13:13Condition
00:13:14Condition
00:13:15Condition
00:13:16Condition
00:13:17Condition
00:13:18Successfully
00:13:19Deleted
00:13:20How to chat
00:13:21Now
00:13:22Congratulations
00:13:23Toast
00:13:24Success
00:13:25Desiced
00:13:26And
00:13:27Pro
00:13:38to get all product
00:13:40which has function
00:13:41what do you want to do
00:13:43here call
00:13:45I want to get all product
00:13:46function
00:13:48this function
00:13:50here call
00:13:51what do you want to do
00:13:53this function
00:13:53as you can call
00:13:54as you can
00:13:55successfully
00:13:56then you can
00:13:58then you can
00:13:59work
00:13:59and you can
00:14:00work
00:14:01and you can
00:14:01show
00:14:01it
00:14:03one
00:14:04one
00:14:05one
00:14:06one
00:14:07one
00:14:08one
00:14:09one
00:14:10one
00:14:11one
00:14:12one
00:14:13one
00:14:14one
00:14:15one
00:14:16one
00:14:17one
00:14:18one
00:14:19one
00:14:20one
00:14:21one
00:14:22one
00:14:23one
00:14:24one
00:14:25one
00:14:27one
00:14:28one
00:14:29one
00:14:30one
00:14:31one
00:14:32one
00:14:33one
00:14:34one
00:14:35one
00:14:36I have deleted it so here it comes from the issue here it comes from admin.js
00:14:42here it comes from successfully deleted message here it comes from the issue here it comes from
00:14:50admin product it's a way here it comes from here it comes from here it's a way
00:14:59perfect check
00:15:03check
00:15:04delete
00:15:06delete
00:15:08delete
00:15:10database
00:15:12database
00:15:16show
00:15:18dbs
00:15:20dbs
00:15:22connect
00:15:24show
00:15:26dbs
00:15:28I will show you how to use project to underscore man underscore six p.m.
00:15:39and this good to zero to five to get this kebada up who happened to know how to
00:15:48collections
00:15:51and then you can check the products
00:15:53and then you can check the products
00:15:54and then you can check the products
00:15:56from the products
00:16:01find
00:16:03two things are
00:16:05a mango and a iPhone
00:16:06these two things are here
00:16:07add over the past
00:16:08so this is the delete process
00:16:10also complete
00:16:12do
00:16:13we
00:16:14are
00:16:15are
00:16:19are
00:16:22going
00:16:26to
00:16:27use
00:16:31you
00:16:32change
00:16:46content type, all the things we need to do.
00:16:48Okay?
00:16:49Short to,
00:16:51tell me once.
00:16:53Short to,
00:16:54tell me.
00:16:56Okay.
00:16:57How do we change in image?
00:16:59Image change?
00:17:00Tension,
00:17:01we will see image.
00:17:03Image can be different process.
00:17:04Middle where,
00:17:05I will tell you.
00:17:07I will tell you in the next class.
00:17:09Image can be different.
00:17:11Image can be different process.
00:17:13Okay?
00:17:16We will see.
00:17:18Okay?
00:17:20Sir,
00:17:23I will tell you to delete it.
00:17:26Okay?
00:17:27Okay.
00:17:28Let's see.
00:17:29We will see.
00:17:30We will see.
00:17:32We will see.
00:17:33We will see.
00:17:34We will see.
00:17:36We will see.
00:17:38We will see.
00:17:40Okay.
00:17:41I will tell you.
00:17:42Okay.
00:17:43I will tell you.
00:17:44Okay.
00:17:45If,
00:17:46as we see.
00:17:47Uh,
00:17:49we will see.
00:17:50It's fine.
00:17:51Okay.
00:17:52We are going to hit you.
00:17:53Okay.
00:17:54That's it.
00:17:54Okay.
00:17:55I will tell you.
00:17:56I will tell you more about it.
00:17:57Okay?
00:17:58I will tell you.
00:18:00A
00:18:06Yeah, so
00:18:08I can't
00:18:10You
00:18:12I can't
00:18:14I can't
00:18:16I can't
00:18:18I can't
00:18:20Yeah, so
00:18:22I can't
00:18:24I can't
00:18:26If you want to update the data, then we will see our next class in the next class.
00:18:56If you want to update the data, then we will see our next class in the next class.
00:19:26If you want to update the data, then we will see our next class in the next class.
00:19:56If you want to update the data, then we will see our next class in the next class.
00:20:26If you want to update the data, then we will see our next class in the next class.
00:20:55If you want to update the data, then we will see our next class in the next class.
00:21:02If you want to update the data, then we will see our next class in the next class.
00:21:09If you want to update the data, then we will see our next class.
00:21:16If you want to update the data, then we will see our next class.
00:21:23If you want to update the data, then we will see our next class in the next class.
00:21:30If you want to update the data, then we will see our next class in the next class.
00:21:37If you want to update the data, then we will see our next class.
00:21:39If you want to update the data, then we will see our next class in the next class.
00:21:46If you want to update the data, then we will see our next class.
00:21:47If you want to update the data, then we will see our next class in the next class.
00:21:53Now, if you want to update the data, then we will see the data, and in the next class,
00:21:58if you want to update the data, then you will see our next class,
00:22:03then we will see the data of the data.
00:22:05so we will see a little bit later we will be sharing this one and it is a little bit
00:22:20so we have to select the cell box and then you will also choose to select the cell box
00:22:27foreign
00:22:33foreign
00:22:38foreign
00:22:41the
00:22:43foreign
00:22:46foreign
00:22:55foreign
00:22:56I am going to edit value data so I am going to edit value data controller
00:23:08edit value data controller
00:23:18and here we have our request and response and here we have our edit value data controller
00:23:27here we have to go to the API.js and we have to go to the edit value data controller
00:23:34here we have to go to the process and here we have to go to the admin.js and
00:23:45this is a big sign to try and catch.
00:23:52Okay, so now we have to hit it and press it and press it and press it and press it.
00:24:04Just press it and press it.
00:24:07to a
00:24:10idea
00:24:11to
00:24:13go
00:24:14hit
00:24:16that
00:24:16hit
00:24:17successfully
00:24:18this
00:24:23is
00:24:24added
00:24:24value
00:24:26function
00:24:26to
00:24:27run
00:24:27run
00:24:28run
00:24:32run
00:24:33run
00:24:34run
00:24:34run
00:24:35run
00:24:35run
00:24:37I am
00:24:39I am
00:24:41I
00:24:43I
00:24:45I
00:24:47I
00:24:49I
00:24:51I
00:24:53I
00:24:55I
00:24:57I
00:24:59I
00:25:01I
00:25:03I
00:25:05I
00:25:07I
00:25:09I
00:25:11I
00:25:13I
00:25:15I
00:25:17I
00:25:19I
00:25:21I
00:25:23I
00:25:25I
00:25:27I
00:25:29I
00:25:31I
00:25:33I
00:25:35I
00:25:37I
00:25:39I
00:25:41I
00:25:43I
00:25:45I
00:25:47I
00:25:49I
00:25:51I
00:25:53I
00:25:55I
00:25:57I
00:25:59I
00:26:01I
00:26:03I
00:26:05I
00:26:07I
00:26:09I
00:26:11I
00:26:13I
00:26:15I
00:26:17I
00:26:19I
00:26:21I
00:26:23I
00:26:25I
00:26:27I
00:26:29I
00:26:31I
00:26:33I
00:26:35I
00:26:37I
00:26:39I
00:26:41I
00:26:43I
00:26:45I
00:26:47I
00:26:49I
00:26:51I
00:26:53I
00:26:55I
00:26:57I
00:26:59I
00:27:01I
00:27:03I
00:27:05I
00:27:07I
00:27:09I
00:27:11I
00:27:13I
00:27:15I
00:27:17I
00:27:19I
00:27:21I
00:27:23I
00:27:25I
00:27:27I
00:27:29I
00:27:31I
00:27:33I
00:27:35I
00:27:37I
00:27:41I
00:27:43I
00:27:45I
00:27:47I
00:27:49I
00:27:51I
00:27:53I
00:27:55I
00:27:57I
00:27:59I
00:28:01I
00:28:03I
00:28:05I
00:28:07I
00:28:09I
00:28:11I
00:28:13I
00:28:15I
00:28:17I
00:28:19I
00:28:21I
00:28:23I
00:28:25I
00:28:27I
00:28:29I
00:28:31I
00:28:33I
00:28:35I
00:28:37I
00:28:39I
00:28:41I
00:28:43I
00:28:45I
00:28:47I
00:28:49I
00:28:51I
00:28:53I
00:28:55I
00:28:57I
00:28:59I
00:29:01I
00:29:03you
00:29:05I
00:29:07I
00:29:09I
00:29:11I
00:29:13to
00:29:15I
00:29:17my job you can do it like this but I don't know he's going to do it
00:29:24I'm not trying to lose I'm not gonna get out of here you can't get out of here
00:29:30I am not gonna go out of here you can't get out of here
00:29:34I'm not gonna go up now response I'm gonna respond so that would not okay
00:29:41I am going to show you a set edit in the data page.
00:29:46We are going to show you a condition.
00:29:50Else, we are going to show you a toast.
00:29:56We are going to show you a dot error.
00:29:59We are going to show you a result.
00:30:04We are going to show you a message.
00:30:09We are going to show you a try and catch.
00:30:14Try and catch.
00:30:17Try and catch.
00:30:19Try and catch.
00:30:22Here we go.
00:30:24Toast.error
00:30:27Error
00:30:31Perfect.
00:30:32Here we go.
00:30:34This edit in complete data will be available.
00:30:37This edit in complete data is available.
00:30:41Here we go.
00:30:42This is a print print.
00:30:44This is the print print.
00:30:46The input is the print print.
00:30:49Here we go.
00:30:52Here we go.
00:30:54check it out
00:30:56input
00:30:58product name
00:31:00here
00:31:02value
00:31:04edit
00:31:06product
00:31:08name
00:31:10print
00:31:12mango
00:31:14check
00:31:16category
00:31:18price
00:31:20price
00:31:22product
00:31:24price
00:31:26value
00:31:28value
00:31:30value
00:31:32product
00:31:34price
00:31:36category
00:31:38value
00:31:40value
00:31:42value
00:31:44product
00:31:46category
00:31:48category
00:31:50here
00:31:52it
00:31:54image
00:31:56image
00:31:58don't
00:32:00paste
00:32:02next
00:32:03let's
00:32:04update
00:32:06it
00:32:08change
00:32:10I'm not going to change anymore so I'm going to change my mind now so I'm going to change
00:32:15this thing is going to be a new one so we can get this and then we'll be back and
00:32:20you can refresh yourself now perfect now I am going to try to do this thing here
00:32:32I'll see you next time.
00:33:02
00:33:18
00:33:20
00:33:22
00:33:24
00:33:28
00:33:30
00:33:32
00:33:39
00:33:40
00:33:41
00:33:42
00:33:43
00:33:45
00:33:49and then we will assign the object to the object and then we will do the value.
00:33:53First, we will do the edit.
00:33:57I will clone the edit.
00:34:01Second, we will do the key.
00:34:05The key is the name.
00:34:09The key is the name.
00:34:11The key is the name.
00:34:13The key is the name.
00:34:15We can rename the name .
00:34:23This can often pass on.
00:34:25You will do the handle change for the review.
00:34:27The only hereγaza makes you the name.
00:34:29If you have this name is the name,
00:34:32you will enter the same name.
00:34:35Step keyword to name.
00:34:39Please add colon design and leave your image.
00:34:43is
00:35:09foreign
00:35:15foreign
00:35:23foreign
00:35:33foreign
00:35:37the ना है यहां पर क्लिश्व सिर ना है यहां पर कहेंड है देखना मोबाइल और यहां पर कहें दो इत all
00:35:48यह सारी चीजे अपने पास है और यह भी अपन स्टीट करने वाले अपना स्टीटर स्टीटर विंग अपनिहां
00:36:00so this is a name here we call the status of the status of the status of the status of the product
00:36:09to select a pen so here we can call any stock and here we can call out of stock
00:36:20any stock or out of stock just so much work in the past changes
00:36:33foreign
00:36:45foreign
00:36:51foreign
00:36:57foreign
00:37:01now
00:37:03we have to
00:37:05get
00:37:07now
00:37:09now
00:37:11now
00:37:13now
00:37:15now
00:37:17now
00:37:19now
00:37:21now
00:37:23now
00:37:25now
00:37:27now
00:37:29now
00:37:31now
00:37:33now
00:37:35what
00:37:37here
00:37:39now
00:37:41now
00:37:43now
00:37:45now
00:37:47do it
00:37:51and
00:37:53and
00:37:57and
00:38:00and
00:38:01and
00:38:03and
00:38:04and
00:38:06and
00:38:09and
00:38:11so
00:38:13click
00:38:15check
00:38:17check
00:38:19refresh
00:38:21change
00:38:23change
00:38:31change
00:38:33crash
00:38:35crash
00:38:37crash
00:38:39wait a minute guys
00:39:01okay
00:39:09hmm
00:39:13hmm
00:39:15hmm
00:39:17hmm
00:39:19hmm
00:39:21hmm
00:39:23hmm
00:39:25hmm
00:39:27hmm
00:39:29hmm
00:39:31handle change
00:39:33edit
00:39:35edit
00:39:37e.target.name
00:39:39e.target.value
00:39:41e.target.
00:39:43e.target.
00:39:47e.target.
00:39:49e.target.
00:39:51e.target.
00:39:53e.target.
00:39:55e.target.
00:39:57e.target.
00:39:59e.target.
00:40:01j.target.
00:40:03e.target.
00:40:16update is here. So, you can add value to this. You can add value to this.
00:40:21Use effect. Use effect.
00:40:25Dependency, first time should be here.
00:40:29And you can add value to this. First time should be here.
00:40:36So, let's check.
00:40:39and here we change this
00:40:41we can change this
00:40:43we can change this
00:40:45back end crash
00:40:47front end perfectly
00:41:50Uncontrolled is likely caused by uncontrolled.
00:41:53We have put our farm on it.
00:41:56What is the issue?
00:41:58Wait a minute guys.
00:42:08What is the issue?
00:42:10What is the issue?
00:42:11What is the issue?
00:42:12What is the issue?
00:42:17What is the issue?
00:42:29What is the issue?
00:42:34oh yeah okay yeah we say yeah or you have a friend of my friends like I think it was
00:42:39a good way
00:42:40we have to add the function to handle change
00:43:04So I'm going to open it up and open it up again.
00:43:34Let's check it out for the other side
00:43:44This is what I'm doing
00:47:28E.target.name, E.target.value, perfect.
00:47:58E.target.value, perfect.
00:48:28E.target.value, perfect.
00:48:58E.target.value, perfect.
00:49:00E.target.value, perfect.
00:49:02E.target.value, perfect.
00:49:04E.target.value, perfect.
00:49:06E.target.value, perfect.
00:49:08E.target.value, perfect.
00:49:10E.target.value, perfect.
00:49:12E.target.value, perfect.
00:49:14E.target.value, perfect.
00:49:16E.target.value, perfect.
00:49:18E.target.value, perfect.
00:49:20E.target.value, perfect.
00:49:22E.target.value, perfect.
00:49:24E.target.value, perfect.
00:49:26E.target.value, perfect.
00:49:28E.target.value, perfect.
00:49:30E.target.value, perfect.
00:49:32E.target.value, perfect.
00:49:34E.target.value, perfect.
00:49:36E.target.value, perfect.
00:49:38E.target.value, perfect.
00:49:40E.target.value, perfect.
00:49:42E.target.value, perfect.
00:49:44and I will save changes here all the changes
00:49:47and then P name is P name
00:49:50refresh
00:49:53not possible
00:49:54mistakes
00:49:56check
00:50:02product price
00:50:03product name
00:50:10here product name
00:50:11name
00:50:12product price
00:50:13product category
00:50:15product status
00:50:16everything is correct
00:50:18and when you have console
00:50:20then you have the data
00:50:21that you have the data
00:50:22that you have the data
00:50:24refresh
00:50:27refresh
00:50:28and now
00:50:30there is also issue
00:50:32to make it
00:50:34this is the data
00:50:35to make it
00:50:37this is the data
00:50:38for you
00:50:39to make it
00:50:40you
00:50:41Oh
00:50:46I think this is counter that I can tell you we need new playlist
00:50:50isnt going to tell me a page that I can play the product continuous volume
00:50:53because this is the way my
00:51:02I will add a product to the controller
00:51:09I will add a product status
00:51:12I will say product status
00:51:17product status
00:51:19I will say type
00:51:22type
00:51:23type is string
00:51:25second
00:51:27is
00:51:29default
00:51:31status
00:51:33product
00:51:35default
00:51:37stock
00:51:39stock
00:51:41default
00:51:43product
00:51:45status
00:51:47perfect
00:51:49here
00:51:51refresh
00:51:53back
00:51:55refresh
00:51:57this
00:51:59is
00:52:01not
00:52:03not
00:52:05not
00:52:07not
00:52:09not
00:52:11not
00:52:13not
00:52:15not
00:52:17not
00:52:19not
00:52:21not
00:52:23not
00:52:25not
00:52:27not
00:52:29not
00:52:31not
00:52:33not
00:52:35not
00:52:37not
00:52:39not
00:52:41not
00:52:43not
00:52:45not
00:52:47not
00:52:49not
00:52:51not
00:52:53not
00:52:55not
00:52:57not
00:52:59not
00:53:01not
00:53:03not
00:53:05not
00:53:07not
00:53:09not
00:53:11not
00:53:13not
00:53:15not
00:53:17not
00:53:19not
00:53:21not
00:53:23not
00:53:25not
00:53:27not
00:53:29not
00:53:31not
00:53:33not
00:53:35not
00:53:37not
00:53:39not
00:53:41not
00:53:43not
00:53:45not
00:53:47not
00:53:49not
00:53:51not
00:53:53not
00:53:55not
00:53:57not
00:53:59not
00:54:01not
00:54:03not
00:54:05not
00:54:07not
00:54:09not
00:54:11not
00:54:13not
00:54:15Kes
00:54:19not
00:54:21not
00:54:23not
00:54:25not
00:54:27not
00:54:29not
00:54:31not
00:54:33this one is the one we did the next class
00:54:38here is the one thing I have to do this one
00:54:43comment to tell us that this one is the one thing I
00:54:49do
00:54:57so that's what the class is that the class is
00:55:00does not forget to make a solution
00:55:02so we will go out
00:55:04then we will go
00:55:06after that
00:55:08now
00:55:10we will not forget
00:55:12you see
00:55:14where
00:55:16is
00:55:18here
00:55:20you
00:55:22here
00:55:24here
00:55:26First of all, the data will be a new object so that it will be mixed in the back-end.
00:55:35If you can see the back-end in the back-end, you can change the models.
00:55:45What do I do with fetch?
00:55:48If you can see the back-end, you can see the back-end.
00:56:03When you go to the back-end, you can see the back-end from the back-end and the back-end.
00:56:08foreign
00:56:13foreign
00:56:19foreign
00:56:29foreign
00:56:32foreign
00:56:37json.stringify, which has added value.
00:56:51the checkup here is too.
00:56:56if you.do.js, you can hit the key belongs to the API routes.
00:57:00I will click the API route and the URL will be the URL.
00:57:10What is the URL?
00:57:12Product update.
00:57:14Click the URL.
00:57:16Product update.
00:57:18I will click the ID.
00:57:21Next, I will click the URL.
00:57:24this is the next one
00:57:26controller admin controller
00:57:28and this is the controller
00:57:30and this is the controller
00:57:32product
00:57:34this is the edit value
00:57:36this is the
00:57:38cost to product
00:57:40to
00:57:42to
00:57:44update
00:57:48controller
00:57:50product
00:57:52controller
00:57:54and this is the
00:57:56response
00:57:58and this is the
00:58:00request.body
00:58:02and this is the
00:58:04data
00:58:06and this is the
00:58:08ID
00:58:10and this is the
00:58:12idea
00:58:14and this is the
00:58:16export
00:58:18which is the
00:58:20product update
00:58:22product update
00:58:24controller
00:58:26this is the
00:58:28product update
00:58:30controller
00:58:32and this is the
00:58:34the
00:58:36the
00:58:38the
00:58:40the
00:58:42the
00:58:44the
00:58:46the
00:58:48the
00:58:50the
00:58:52the
00:58:54the
00:58:58the
00:59:02the
00:59:04the
00:59:06the
00:59:08the
00:59:10the
00:59:12product name आ रहा है product price आ रही है वैसे तो इस data के अंदर id भी आ रही है
00:59:16id कैसे आ रही है है अच्छा आपन वहाँ पर edit को पुरा ही बेज रहे है इसलिए id आ रही है ठीक है अब देखो यहाँ पर product name product price यह
00:59:32आपके से mix होने वाली है कैसे mix होने वाली है यहाँ पर देखो आपका controller यह बनाया
00:59:40collection यह देखो same है की same है दोनों की तो अपने काम करते हैं वहाँ से जो data भेज रहे हैं वहाँ पर अपने नया
00:59:47यहाँ पर किसको बेज देंगे जो भी अपना edit आ रहा है उस edit के अंदर डॉट करके अपन क्या निकाल लेंगे अपना जो अपने
01:00:11पास product का name आ रहा है वह बेज दो second अपन यहां पर कह देते हैं पी प्राइस मैं यहां पर प्राइस करके भी देता हूं और जो आपके पास
01:00:20foreign
01:00:26foreign
01:00:32foreign
01:00:41foreign
01:00:47foreign
01:00:49I don't know how to use the status.
01:00:51I will show you how to edit.
01:00:54I will show you how to edit.
01:00:56Just from the form data.
01:00:59I will show you how to change.
01:01:01I will show you how to save changes.
01:01:03There is a data in place.
01:01:05P name, price, category, status.
01:01:08It will be a data in place.
01:01:11I will show you how to use backend
01:01:14Ayeri mean.js, request.body.
01:01:15You can never see any changes and will not have a need of a lot.
01:01:20So, you might need to do this better.
01:01:25You can remove it.
01:01:27There's another, you might need to remove it.
01:01:32This is another, the price has to remove it.
01:01:37This is another, then you also need to remove it.
01:01:41Oh thank you and I'm sure we have a category and I'll be
01:02:00request.params.abc
01:02:06try catch
01:02:08so we can add
01:02:10error handling
01:02:11so we can add
01:02:13try and catch
01:02:13this whole code
01:02:15we can add
01:02:16try and catch
01:02:17here we can add
01:02:18and here we can paste
01:02:19perfect
01:02:20now you have to do
01:02:21what to do
01:02:21what to do
01:02:22is update
01:02:23and update
01:02:24which is through
01:02:24which is
01:02:25which is
01:02:25find by id
01:02:26and update
01:02:27so anything
01:02:28you can do
01:02:28you can do
01:02:30find by id
01:02:32and update
01:02:33and this
01:02:34first you can do
01:02:35your id
01:02:36so you can do
01:02:37this is your product
01:02:38id
01:02:38which you can update
01:02:39and in the other
01:02:40you can do
01:02:41which field
01:02:42you can do
01:02:42which value
01:02:43you can pass
01:02:44so I will tell you
01:02:45that you can copy
01:02:46paste
01:02:47so you can confuse
01:02:48this
01:02:48here we can copy
01:02:50paste
01:02:50and assign
01:02:51product name
01:02:53which is
01:02:54frontend
01:02:54update
01:02:55that is
01:02:56pass
01:02:56product
01:02:57price
01:02:58which is
01:02:58frontend
01:02:59which is
01:02:59price
01:03:00which is
01:03:01here
01:03:01you can assign
01:03:02product
01:03:03category
01:03:04which is
01:03:05frontend
01:03:05which is
01:03:05product
01:03:06which is
01:03:07category
01:03:08which is
01:03:08assigned
01:03:09and
01:03:10product
01:03:10status
01:03:11which is
01:03:11frontend
01:03:12which is
01:03:13you can do
01:03:14which is
01:03:15you can do
01:03:16this
01:03:16you can do
01:03:18this
01:03:19and
01:03:19you can do
01:03:20this
01:03:22and
01:03:22you can do
01:03:24
01:03:25
01:03:42
01:03:45
01:03:55.
01:04:02.
01:04:03.
01:04:10.
01:04:12.
01:04:13.
01:04:14.
01:04:15update कर देगा status successfully update वाल अपने पास यहां पर आ जाएगा edit product की उपड़ा और उसको एक
01:04:20बार response को निकाल लो जल्दी से तो यह आपका जो handle form है इसको convert कर दो किसके अंदर
01:04:25as anconist के अंदर और यहां पर क्या लगा तो अपना अवीट तो यहां पर अपन कह देते
01:04:30और मैं यहां पर कहता हूं अपना response जो आ रहा है वह अपन यहां पर कह देते और यहां पर अपन लगा देते अपना
01:04:36अवीट अब response को convert कर लो जल्दी से कैसे convert करोगे वही response.gson के अंदर अपन इसको convert कर लेते हैं और इसको एक
01:04:43अपने अपने रिकॉर्ड को एक बार कर लो चलो चैक करो की update हो रहा है या नहीं हो रहा यह चीज़ चैक कर लो उसके
01:05:04अपन इसको complete final कर देते पूरा back करो यहां पर आप इसको update करने आ रहे हो मैंगो की जगह कुछ भी कर दो अभी के लिए price कुछ भी दे दो fresh की जगह आप mobile कर दो out of stock की जगह आप इसको in stock कर दो और save changes करो
01:05:18save changes करके back आके देखो तो यहां पर वो change हो चुका है ठीक है वो यहां पर अपने पास क्या हो रहा है चेंज हो रहा है तो अब अपने को क्या करना है वहां पर बस अपने को redirect करवाना है यहां तक का तो process पूरा सही है ठीक है अपने यहां पर भी mistake कर रखिए और वह है try or catch वा
01:05:48यह जो response वाला सारा काम है पूरा हुटाओ और कहां पर रख दो अपने try block के अंदर ठीक है और आपने यहां पर क्या करवा रखा है इसको console करा रखा है इसमें condition लगा दो if अगर मेरे पास जो मेरा response है उसके अंदर .o की status आता है तब आपको क्या करना है एक toast message दिखाना है औ
01:06:18record में से dot करके अपन ह�ाँ पर क्या निकाल देंगे अपना message निकाल देंगे इसी के साथ आपको क्या करना है navigate भी करना है और कहां पर navigate करना है आपको navigate करना है इस जगoles USz को navigate कर देना message दो दिखाए देना साथ के साथ navigate भीकर देना और else वाले part में अपन है прил़े इस
01:06:28foreign
01:06:35foreign
01:06:40foreign
01:06:45foreign
01:06:50message will show you here.
01:06:52Here you can see the toast
01:06:54in the end,
01:06:56which will be the error
01:06:58that will be available.
01:07:00So,
01:07:02check that perfectly
01:07:04all the work is not.
01:07:06Now,
01:07:08refresh, check
01:07:10and edit,
01:07:12I will say mango,
01:07:14and
01:07:16here we can
01:07:18store some
01:07:24refresh the screen,
01:07:26here we have all the right
01:07:28...
01:07:30...
01:07:32...
01:07:34...
01:07:36...
01:07:38...
01:07:40...
01:07:44foreign
01:07:56foreign
01:08:02foreign
01:08:08foreign
01:08:10foreign
01:08:12so if you want to go in stock then you can go in stock and save changes and you can go in stock
01:08:16so this is the complete admin product here management
01:08:24now this product is front end to show you in stock and the out of stock is not to show you in stock
01:08:33is
01:08:38the
01:08:40changes
01:08:41you can
01:08:42print
01:08:43admin
01:08:44print
01:08:47paragraph
01:08:48here
01:08:50condition
01:08:51condition
01:08:52condition
01:08:53item
01:08:54product
01:08:56status
01:08:57which
01:08:58you
01:09:00yes
01:09:01you can
01:09:02do
01:09:04this
01:09:06you can
01:09:08you
01:09:10I
01:09:12I
01:09:14you
01:09:16I
01:09:18I
01:09:19I
01:09:21I
01:09:22I
01:09:23do this text blue not to do this right
01:09:26okay
01:09:29text blue not to do this right
01:09:31so here on top of stock
01:09:32in stock
01:09:33in stock
01:09:34perfect
01:09:37i hope
01:09:38that you can see what happens
01:09:40what happens
01:09:41here
01:09:44here
01:09:46here
01:09:47comment
01:09:48I will tell you that this thing is clear, there is no doubt that this thing is good for me.
01:10:13I will tell you that this thing is good for me.
01:10:16?
01:10:43?
01:10:44?
01:10:44?
01:10:44Here will be clear here.
01:10:52I hope you will need more practice in today's class.
01:11:00sir back end me try and catch
01:11:11ko ake baar likha kar
01:11:12se baar baar use
01:11:14nahin kar saktay sir
01:11:15ap mana kar rho ya phir haan bol rho
01:11:18vayse mein batau iska answer kar saktay
01:11:20apne ek file bana ke
01:11:21apna error handling ke liye usko use kar saktay
01:11:24matlab baar baar try catch ko
01:11:26matlab baar baar na likhe
01:11:27us file ko open use kar saktay
01:11:28error handling ke liye use kar saktay
01:11:30lekin
01:11:32aapko har eek cheej pata honi chihye
01:11:35vayse bhi kar saktay
01:11:36anjali kare ki yes sir practice karna hai
01:11:41pura yes bilkul practice karo
01:11:43aap is project ko pura complete
01:11:44kudse banao
01:11:46aapko copy paste nahin karna
01:11:47aapko code mil bhi raya
01:11:48to code ka copy paste mat karna
01:11:50chik hai
01:11:51isko complete aap kudse build karo
01:11:53kitnye dhin chalega
01:11:55may be upon
01:11:5610 tarik tak
01:11:58yaa phir 5-10 tarik ke bici me
01:12:00isko complete
01:12:01ka lenge
01:12:01ss sir practice kar raha hai
01:12:06hum sir
01:12:06yes bilkul practice karo
01:12:07kyunki
01:12:08abhi sef apan karad operation
01:12:10dhek raha
01:12:10or bhi apna nude miller
01:12:12apna gwt
01:12:13apna redux
01:12:14sara chis
01:12:17ii
01:12:17abhi
01:12:18dhira dhira
01:12:18yye to basic hai
01:12:18aapko maja raha ho
01:12:19ki aapko karad operation
01:12:20abhi
01:12:21aachy se aagya ho
01:12:21to
01:12:22lekin jab
01:12:24aagye
01:12:24bade
01:12:25tb
01:12:25aapko
01:12:25nye
01:12:26chisye
01:12:26pata
01:12:27chalegi
01:12:27is
01:12:27project
01:12:27me
01:12:28aarjun
01:12:32karay
01:12:32ma
01:12:33code
01:12:33ko
01:12:33aapne
01:12:33se
01:12:34hih
01:12:34lik
01:12:34raha
01:12:35kode
01:12:36aapko
01:12:37copy paste
01:12:38nye
01:12:38karna
01:12:38aapko
01:12:38kisi ko bhi
01:12:39isi
01:12:53keras
01:12:53aapko
01:12:54attendance
01:12:54ke point
01:12:55one
01:12:55aapko
01:12:59attendance
01:13:00ke point
01:13:00one
01:13:01ke
01:13:01anadar
01:13:01aapko
01:13:01mention
01:13:01karna
01:13:02hai
01:13:02fetch
01:13:03attendance
01:13:04and attendance at point 1
01:13:06you can mention fetch
01:13:18and attendance at point 2
01:13:20you can mention
01:13:24post method
01:13:26post mention
01:13:28point 1
01:13:30you can mention
01:13:32attendance at point 1
01:13:34and point 2
01:13:36you can mention
01:13:38attendance at point 1
01:13:40and point 2
01:13:42you can mention
01:13:44fill
01:13:46this is the class
01:13:48and the other
01:13:50which are the
01:13:52attendance at point 1
01:13:54and point 2
01:13:56which I have told you
01:13:58fill it
01:14:00we will continue
01:14:02today
01:14:04thank you so much
01:14:08we will see
01:14:10tomorrow
01:14:12take care
01:14:14all
01:14:16bye
01:14:18we are
01:14:20next time
01:14:28we will see
01:14:30the next time
01:14:32we have the
01:14:34instructions
01:14:36we will see
01:14:38the next time
01:14:40we will see
01:14:42the next time
Comments

Recommended