Add green border to white form, add border radius
Add border radius to inputs and buttons
Give inputs only a bottom border
Give active input a visual indicator that it is active
Bottom button for changing sign in options is text only, grey, then green and underlined on hover

• Use fetch method to get action films from movie data base api

• Clean movies to get specific data that we want

• Store movies after the data has been cleaned

Test handleChange, handleSubmit, handleSignUp, mapStateToProps, mapDispatchToProps

Test getFavorites thunk

Test MovieContainer including
componentDidMount,
mapStateToProps,
mapDispatchToProps

As a user of Action-Flix I should be able to log into my account when I visit the app.

Place components in Components folder and Containers in Containers folder

Finish movieContainer tests

Add rating animation
Shrink popcorn svg to size
Experiment with ways to view whole description
Make background color full height

Test postFavorites thunk

Rename apiCalls file to cleaner or utilities
Test that cleaner is returning what's expected

Create snapshot tests for
Header,
SignUp,
App,
MovieCard

Update cleaner test

• Create a controlled component which requests the users email and password

• Create a fetch request to retrieve the users account information

• Create a method that finds users email and then checks if the pass the password inputed matches the account that the email address is connected to

• If email or password does not match return an error message

• If information given matches then the user will be redirected to the home page

Test actions signIn, newUser, logOut

• Create a button that allows the user to sign out of their account

• Once signed out they are redirected to the home page

Test async, dispatch

Tweak code so dropdown menu is not open when user signs in.

Finish movieCard tests

As a user of Action-Flix I should be able to create an account to gain more access to the app.

Finish action testing

Add proptype tests for all components

Test reducers including
isLoading,
hasErrored,
movies

Give each reducer its own test file

Add test for mapStateToProps

• Implement React Router

• Home route will be page that displays all films

As a user of Action-Flix I should be able to select my favorite films out of all films that are displayed.

Test mapDispatchToProps on Header

Test all three action creators, including
IS_LOADING
HAS_ERRORED
FETCH_DATA_SUCCESS

Once user has logged in, show user's name
Give user name a dropdown arrow for a dropdown menu
Create dropdown menu that contains the option buttons
Add navlink to home on logo

Do research into what testing Router will involve

Test async, dispatch

Test deleteFavorite thunk

Through user test discovered that when a user logs out the films they have favorited on their account are still displayed as favorites.

Test async, dispatch

Test signInReducer

Finish tests for moviesReducer

• Create a controlled form component that allows user to create an account requiring name, email, and password

• If email address is currently saved for a user then they must use another email

• Post information to our server after the user has fulfilled requirements

As a user of Action-Flix I should be able to view the latest action movies when I visit the application.

As a user of Action-Flix I should be able to log out of my account when I am done using the app.