Potentially Interview Question Template
#Dinosuar Matching
Objective: Build a browser application will match a dinosaur to the user based on inputs. Given the user's name and the user's favorite colour, the application will recommend a dinosaur and display an image of the dinosuar.
This should be built using a modern javascript library, such as Vue or React.
Type: text
Max Length: 255
Type: Dropdown
Min Number of Colors: 5
If the user's name is greater than 30 characters then they should be suggested a Brontosaurus.
If the user's name is greater than 15 characters and less than 20, and the user's favorite color is brown, yellow, or orange then they should be suggested a Triceratops.
If the user's name is greater than 10 and less than 20 characters, and the user's favorite color is red, blue, or pink, then they should be recommended a Torosaurus.
If the user's favorite color is green, no matter name length, the user should be recommended the Trex,
All other situations, the users should be recommended the Stegasaurus.
There's an API that exists to help you with this. Someone spent some time collecting a list of dinosuars and images.
GET api/dinosaur
http://dinomatch.roguewolf.tech/api/dinosaur
Retrieve a list of all of the available Dinosaurs
GET api/dinosaur/{1}
http://dinomatch.roguewolf.tech/api/dinosaur/1
Retrieve a specific Dinosaur based on numeric ID
POST api/dinosaur/match
http://dinomatch.roguewolf.tech/api/dinosaur/match
Retrieve the specific dinosaur that matches logic criteria by passing in the name
and the color
to the endpoint.
- Add styles to your page
- Make it responsive