Movie List with Redux-Sagas

function mustWatch(movie) {
  return `It's movie night!! Let's watch ${movie}`;
}

This Movie List was built as a visually-pleasing way to keep track of movies, with the ability to add movies to the list and select movies to see further details. Data was managed on the front end with React-Redux and Redux-Sagas, while the magic on the back end happened with Node, Express and PostgreSQL. Material-UI helped beautify and maintain consistency.

See the entire Movie List repository here.

Technologies Used:

• React
• Redux
• Redux-Sagas
• Node.js
• Express.js
• PostgreSQL
• Material-UI
• HTML + CSS
• JavaScript

The site landing page displays all available movies, including movie poster and title.

When a movie is clicked on, the user is routed to a view of that individual movie and its details. The postgreSQL query aggregates all corresponding genres linked with each individual movie.

Users may add a movie to the list. When they click "Save" they will be routed back to the overall Movie List page, on which they will see the movie they added displayed! You better believe I overcame some Saga race conditions to make this happen! That was a lesson for a lifetime.