hshahwan / aniflix Goto Github PK

After login in I should be able to see the home page with many sections.

Relates #1

Acceptance criteria:

• AniFlix originals videos section
• continue watching for user.
• trending now.

As I user I can navigate to Rights animals page

Relates #1

Acceptance criteria:

• able to click on rights animals video
• able to watch it
• able to save it in 'my list page'

sign up form component. relate #3

Acceptance Criteria:

• create form component with ( username, email, password, matching password )
• separate between present and container component.
• make up the form by using flexbox and grid CSS.
• front-end validation for every field to ensure that right data. ( by using joe testing framework)
• Redirect user after submit to the home page.

As a new user does not log in or sign up, I can able to see a landing page with a simple description of a pet animal.

• Create template HTML with simple description.
• can see buttons for sign up and log in.

As I user I can see the specific videos by navigating to the keeping page
Relates #1

Acceptance criteria:

• able to click to video and watch it
• able to add to 'my list page'

As I user who is an owner of a pet animal and cares to informative videos and needs help to look after the pet and interested to increase knowledge about awareness of animals rights issues.

Acceptance Criteria:

• landing page: include a description for the lover animals app. and two buttons one of them for sign up and another for login. relate #2
• sign up: includes the main input for sign up form relate #3

• username
• email
• password

• login: include username or email input and password input
• Homepage: include three sections,

1. AniFlix original
2. continue watching for the user
3. Trending now

• keeping page: include lists of videos to look after and can select any type of animal to minimize the list
• Rights animals: includes the documents of rules and videos to awareness about saving rights for animals.
• Recently added: include the last videos that added recently.
• My list: include the favorite videos.

Analysis of the system and create a database schema.

Acceptance criteria:

• user tabel
• video tabel

Create a login component

Relates #8
Acceptance criteria:

• create form component
• valitation on from.
• mkae up the component
• submit data and sending (/login)

As I new user does not register in the AniFlix.

Relates #1

Acceptance criteria:

• after visiting landing page as a new user I suppose to find the sign-up button and it will redirect to sign up page
• Fill the form information to sign up.
• validation the input to know to determine if there is any problem when entered data.
• after submit should redirect the user to home page.

Sign in backend relate #3

Acceptance criteria:

• create quires to insert the data.
• determine the routes

• GET method with /signup route with the response
• POST method with signup route with a request by sending the data and respond with a redirect.

As I user I can able to watch any video I clicked on it.

relates #14 #13 #12 #11
Acceptance criteria:

• create a video component for play the video.

Login backend relate #8

Acceptance criteria:

• create quires to check the data.
• determine the routes

• GET method with /login route with the response
• POST method with /login route with a request by sending the data and respond with a redirect.

As I user I can save any video I love it

Relates #1

Acceptance criteria:

• able to click on video and watch it.
• create front-end component
• create query to save the data in backend
• route (/mylist)

If not user

• visiting any route expect login and sign up should redirect me to a landing page

As I user want to be able to watch the videos should log in first.

relates #1

Acceptance criteria:

• Fill the form with right information ( username or email input, password input)
• validation data and check if the user exits or not.
• redirect to homepage