markaphillips / movie-ui Goto Github PK

dependent on MarkAPhillips/movie-api#42

improve UX and review setting options on react-slick

Pending API - handle JWT token if user successfully logs in

Need to handle errors returned from the API
400 - Bad Request - returns an error object - need to review structure
500 - Internal Server errors

Review error object returned - plug into Notification component and is dependent on this module

When navigating to the home page when selecting a movie the search text does not change - this should be reset when the movie component is unmounted

From package.json file

Pending API - review standard registration fields

see https://css-tricks.com/text-fade-read-more/

Use a toast mechanism to show errors and success messages

Is DOB is null shows - invalidDate

If Person has died - display in a user friendly way e.g.

Born: 21/02/1960 London - Died 31/01/2020 (60 yrs)

create function getStrapline to handle all cases

for review

Need to refactor schema in line with changes for Cast.

If multiple Directors display separately

Using jest and react testing framework add component tests around all components
Use as exercise to ensure TDD practice is followed moving forward
Will require some refactoring of most components

1. Add API endpoint for login and integrate passing email and password
2. If success -> store JWT token and display Users name and ability to logout
3. Implement logout functionality

see API for pattern used

see https://qubstudio.com/blog/best-ux-practices-for-search-interface/

Typeahead component that debounces search API

Initially show movie title only and on selection redirect to movie view

Image
Name
Place of Birth
Biography
DOB/DOD

/bio/:id

Initial displayed to be enhanced at a later date

Review local state management to allow for partial state updates dependent on keys
Ensure correct types are implemented (replace any)
Ensure state is immutable

Use same carousel component to show similar movies on movie view

Need to show a list of cast members - showing an image and the character they play in the movie - this is available in the movie schema returned from the API

Note - this view should only appear on the movie detail view and not on the featured movie view on the home page

Backend implemented - as follows:

/auth/registration POST

Form payload

{
email: ""
password1: ""
password2: ""
first_name: ""
last_name: ""
}

Form validation will added as an additional issue

Error! $GraphQL error: Cannot destructure property results of 'undefined' or 'null'.

https://reactjsexample.com/tag/carousel/