User Journey's And Flow Sprint 1 #1
Description
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