mttwlkr/movie-tracker

Movie Tracker

Synopsis

Movie Tracker is the final group project for module 3 at Turing. This project reinforced our abilities to create modular React components and test React using Jest and Enzyme. Movie Tracker also introduced us to Redux and Router. We hit the MovieDB API to get release dates, synopses and information about about current movies.

Live Site

http://mttwlkr-movie-tracker.surge.sh/

Project Guidelines

• React
• Redux
• Router
• Authenticate and persist users via a PostgresQL DB
• Test Coverage of <80% using Jest/Enzyme

Installation

This project was bootstrapped with create-react-app

Clone down the repo

git clone https://github.com/mttwlkr/movie-tracker

npm install

npm start

API

The Movie DB API || https://www.themoviedb.org/documentation/api

Tests

This project was developed using using Jest and Enzyme testing utilities. To run the test suites for this project:

npm test

Contributors

Jared Eklin Matt Walker Om Saetehn

Project Layout

movie-tracker's Issues

Destructure state in mapStateToProps

To minimize extra codes

log in persists on refresh

addFavoriteToStore in Card.js

Filtering the Favorites array, check the movie_id instead of length

reset store on log out

Home button repositioning

The button just got bumped down a little, is all

Logged in immediately after signing up

If this is the first time user signs up, after submitting the form should be able to log in immediately

Reduce duplicated 'favorite' key-values in Redux store

We can use movie_id: to store new favorite film in Redux, rather than the entire object

Responsive design

Alter Card component props

1. Spread 'movie' object to card via Home component
2. Pass movie_id for key instead of index

add button to go back home in favorites

LOG_OUT_USER action returns {}

Because State initialized as empty {} but returns empty array [] as logging out