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?