Friday the 13th!

Finished project

Create an homage to Camp Crystal Lake's most infamous campers, Jason Vorhees.

Setup

Run json-server --watch db.json

Challenge 1

For each movie returned from http://localhost:3000/movies create an image and add it to the movie-list nav element.

Challenge 2

As soon as the page loads, we should see the details of the first movie in the dataset.

Challenge 3

When you click on each movie image in the top nav, you should populate the detail area with the image, title, release_year, description, watched, and blood_amount for the movie that was clicked.

If the value of 'watched' is false, the button should say 'Unwatched'. If the value is true, then the button should say 'Watched'.

Challenge 4

When you click on the button in the details it should toggle between Watched or Unwatched depending on the value of watched for the movie currently being displayed.

The watched value should stay the same when you click between the different movies.

Challenge 5

On the right side there's a form that allows the user to enter a number of blood drops to add to each movie (don't ask why). For each movie, I should be able to add more drops.

Example:

  • If the value is 0 and I enter 10, then number of drops for the movie should be 10.
  • If the value is 20 and I enter 5, then the number of drops for the movie should be 25.

The blood amount value should stay the same when you click between the different movies.