MyiMDb App

• navigation bar which contains Home and addMovie.
• Home Page, displays the movie Card with image, title, release year and rating.
• addMovie, displays the form to get value that creates the new movieCard

Creating react app

Added navigation bar, that switch between home and addMovie page.

movieCard

Created the movieCard ad=nd saved to local storage.

movieForm

while submitting the data, it push the movie to the home page as card.

creating responsivve grid

@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}

Router

Navigation funtionality using router library