User Journey's And Flow Sprint 1

[jamesj-0]

General Activity

Admin

• document readme
• deploy on heroku
• setup databases
• CI (travis or github?)
• CD
• husky setup in package.json with prettier and eslint && check that it works for everyone
• create a schema
• Lead on setting up repo and file structure
• set up environment variables for local and remote databases
• Create a style guide
• Monitor codecov and test coverage
• create mocks for the fetch requests
• Set up separate test database and destroy / build scripts

Sign Up / Sign In

As a user I want to register on the platform. #2

• Form page to add user details: name, email, password
• Sign up form validation and accessibility
• Sign up post request to server
• Sign up handler to deal with Post request.
• Sign up feedback page after form submitted
• Sign up tests
• Sign up error handling if user already exists
• Sign up: cookies
• Sign up: JWT

As a user I want to be able to sign in. #3

• Sign in form: email, password
• Sign in form validation and accessibility
• Sign in tests
• Sign in handler for db query
• Sign in query from database
• Sign in error handling (if user doesn't exist)
• Sign in Cookies
• Sign in JWT

Learn

As a user I want to know what the Bechdel test is #4

• Create front end page to display our information on the Bechdel test.
• Create a carousel component the user can swipe over that displays the data, updating the text and styling to match the prototype.
• test to see if the react dom is creating the right elements and displaying the correct information.

Find and Filter a Film

Browse Films on Homepage

As a User I want to be able to see a lot of films once #5

• Display all movie data from database on screen.
• Display movie images on css grid (2 across on mobile)

As a user I want to see a list of the top rated films #6

• Filter function to show top rated films first
• Filter button in search bar

As a user I want to be able to see which films pass the Bechdel Test. #7

• fetch bechdel test rating from the database
• Display bechdel test ratings on the movie image

Filter the films by different parameters

• Create filter component
• Show categories on page
• get request to db by parameters
• display filtered results

Get additional Information

Click on a movie to see extra film info

As a user I want to see a good synopsis on a film page. #8

• fetch request to the existing API to get synopsis key
• create REACT component to display the text on the movie page.
• Test to see if the correct text / movie title is displayed in the react DOM.

Rate a film

Use a form to rate the film

As a user, I want an easy-to-use form to give feedback on if a film passes the Bechdel test #9

• 3 pages with bechdel questions and tick/cross button
• Redirects to next question after a button is pressed
• Beyond page with emojis, comment box and submit button
• POST request submits form data to API
• add rating information to database
• add review/comments to reviews film page

As a user, I want to spend a very short amount of time giving this feedback #10

relates issue #9