From the course: Learning Full-Stack JavaScript Development: MongoDB, Node, and React
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Project challenge
From the course: Learning Full-Stack JavaScript Development: MongoDB, Node, and React
Project challenge
- [Instructor] It's now time for your graduating from this course project. Off camera, I added the capabilities to add new contests to the list of contests, and I'd like you to try and do this task yourself. I'm going to walk you through what you need to do. But let's first test this really quick to see its behavior. So let me do test name, test category, test description, and when you hit Submit, it takes us to this new contest that we just created. And of course, there are no names, and it persisted this on the backend. You'll need to add code in a few places to make this happen. You need to add code in the app component. You need a state element to determine when to show the form. You control that state element on this click, and the state element controls if the form is shown or not. You need to read the values the user typed. From the DOM, you can use the same method that we used for the name. You need a method in…
Contents
-
-
-
-
-
-
-
(Locked)
Handling data in an array3m 27s
-
(Locked)
Reading form data with the DOM API6m 49s
-
(Locked)
Understanding HTTP request methods2m 19s
-
(Locked)
Using an API endpoint to update data9m 48s
-
(Locked)
Updating UI based on API response1m
-
(Locked)
Project challenge2m 1s
-
(Locked)
Next steps1m 27s
-
(Locked)