Skip to content

Fetching popular tv-shows, displaying them on a page and link to a movie detail page when you click on the movie. Tech: React, React Router

Notifications You must be signed in to change notification settings

technigo-20-21/12-20-popular-tv-shows

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Movies/TV-shows

The assignment was to use themoviedb.org's API to fetch a list of movies or TV-shows, display them on a page and link to a movie detail page when you click on the movie. The styling was impolemented from an example app using the same API.

The problem

I started with analyzing the example app and the API documentation to find the building blocks I'd need for my components. Then I did a sketch of the flow of the app from the App.js to the pages and main components. A lot of time was speant trying to find out how to access props without having to send down each single one. The spread operator finally sorted out all the questions marks.

Learning objectives

  • using React router to create multi-page applications
  • using placeholders in urls to pick dymanic parts from it
  • pratice using APIs in React and combining useState with useEffect

Tech

  • React
  • React router
  • CSS

View it live

https://popular-tv-shows.netlify.app/

About

Fetching popular tv-shows, displaying them on a page and link to a movie detail page when you click on the movie. Tech: React, React Router

Topics

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 61.9%
  • CSS 24.1%
  • HTML 14.0%