Course curriculum

  1. 1

    • Google Subtitles Instructions

    • 1.1 Introducing the project

    • 1.2 Introducing React
  2. 2

    • 2.1 Using create-react-app to generate our project

    • 2.2 Running our genereated application

    • 2.3 Creating our first component
  3. 3

    • 3.1 Introducing pullstate and global state management

    • 3.2 Using the state and outputting hardcoded playlists

    • 3.3 Modifying the global state
  4. 4

    • 4.1 Adding components for buttons and input fields

    • 4.2 Styling what we have so far

    • 4.3 Styling our main content

    • 4.4 Adding routing module
  5. 5

    • 5.1 Starting to use OMDb API

    • 5.2 Searching using dynamic search terms

    • 5.3 Rendering our results on screen as text

    • 5.4 Rendering movie posters and tidying up page styling
  6. 6

    • 6.1 Selecting a playlist

    • 6.2 Adding movies to a playlist

    • 6.3 Viewing movies within a playlist
  7. 7

    • 7.1 Rendering additional movie info

    • 7.2 Improving UX of movies to make it obvious they are clickable

    • 7.3 Preventing multiples

    • 7.4 Fixing onClick bug on playlist view page
  8. 8

    • 8.1 Spending a bit of time improving the look of things

    • 8.2 Improving the UX and navigating the site

    • 8.3 Removing items from a playlist
  9. 9

    • 9.1 Marking items as checked

    • 9.2 Persisting data in the browser

    • 9.3 Fixing bug when refreshing on playlist view

    • 9.4 A code review