GET & POST Lab
Prereqs:
Layouts and Controllers
CRUD/RESTful Routing in Express Lesson
GET & POST lesson/code-along
For this lab, you're going to add a prehistoric creatures section to the RESTful-creatures app.
RESTful-creatures app.1. Add a prehistoric_creatures.json file to your RESTful-creatures directory. Give it the following data:
prehistoric_creatures.json file to your RESTful-creatures directory. Give it the following data:[
{
"type":"giant beaver",
"img_url":"http://www.beringia.com/sites/default/files/Giant-Beaver-banner.jpg"
},
{
"type":"mastodon",
"img_url":"https://cdn-images-1.medium.com/max/1200/1*a2VvYsKGApR-E1SnT5O7yQ.jpeg"
},
{
"type":"saber-toothed salmon",
"img_url":"https://cottagelife.com/wp-content/uploads/2014/11/Oncorhynchus_rastrosus.jpg"
},
{
"type":"megalonyx",
"img_url":"https://animalgeography.files.wordpress.com/2018/08/sloth-banner-e1535192925361.jpg?w=584&h=325"
}
]2. Create the following routes:
VERB
URL
Action (CRUD)
Description
GET
/prehistoric_creatures
Index (Read)
displays all prehistoric creatures
GET
/prehistoric_creatures/1
Show (Read)
displays the type and photo of a particular prehistoric creature (id = 1)
GET
/prehistoric_creatures/new
New (Read)
shows a form for adding a new prehistoric creature
POST
/prehistoric_creatures
Create
creates an prehistoric creature with the POST payload data
Hint: You will need to have two folders inside your views directory, one for dinosaurs and one for prehistoric_creatures. Make sure to change your res.render() statements accordingly! (Refer to the love-it-or-leave-it app from the Layouts and Controllers lesson.)
3. Reorganize your routes into controllers
(one controller for dinosaurs and one controller for prehistoric creatures)
Last updated
Was this helpful?