Sign up

As a User, I want to create an account so I can use the website.

• A link/button appears in the navigation for Sign Up (only when not already logged in)
• When clicking the link/button the user is redirected to a sign up form.
• After filling out the form and clicking a Submit button an account is created.
• The user is redirected to the log in form after a successful sign up

Log in

As a User, I want to login with my previously created account so I can use the website.

• A link/button appears in the navigation for Log In (only when not already logged in)
• When clicking the link/button the user is redirected to a login form.
• After filling out the form with username and password and clicking a Login button the user is logged in.
• The user is redirected to the home page
• The user can visually identify they’ve been logged in by having their profile picture displayed in the navigation bar.

Log out

As a Logged In User, I can log out of my account so I can ensure it isn’t used without my permission.

• Hovering over my profile picture in the navigation bar opens a dropdown with the options profile and log out
• When log out is selected the session ends and the user is logged out.
• When refreshing the page or traveling to other pages the user does not appear to be logged in
• The logged out user can log in with a separate account without issue.

Product Posts (Ducks)

As a logged in user, I can post to Duck Hunt, so that others can see my post

• A button appears in the navigation to add a new post
• When the button is clicked a modal form for a new post is opened
• After filling out the form with name, image, and description they click the submit button to post
• There post will then appear in the main feed

As a logged in user, I can edit my own posts, to make necessary changes as needed

• Three dots will appear when hovering over the users post
• Clicking these three dots will open an options drop down, presenting the options delete and edit
• Clicking edit will open a modal form to edit the post, only allowing name and description to be changed
• Once the form has been filled out clicking the submit button will resubmit the post with the new info and update the post in the feed

As a logged in user, I can delete my own posts, to prevent it from being seen any longer

• Three dots will appear when hovering over the users post
• Clicking these three dots will open an options drop down, presenting the options delete and edit
• Clicking delete will open a modal asking if the user is sure they want to delete their post
• Selecting yes will delete the post and remove it from the feed

Product Discussion (comments)

As a logged in user, I can comment on any posts, to provide feedback

• A comment section appears in each post modal underneath the image
• The comment section has an input at the top which allows the user to type
• Once the user has finished writing their comment they hit the send button to post the comment
• Their comment will then appear in the comment section on the post modal

As a logged in user, I can edit my own comments, to make the necessary changes as needed

• When the user hovers over their own comments three dots appear
• Clicking these three dots will open an options drop down, presenting the options delete and edit
• Selecting edit will create an input containing the user's comment which allows them to change the comment, right where the comment is in the comment section
• Once I have made the appropriate changes I can select the "Update" button to update my comment
• Once updated my comment will once again appear in the comment section

As a logged in user, I can delete my own comments, so that they are no longer seen

• When the user hovers over their own comments three dots appear
• Clicking these three dots will open an options drop down, presenting the options delete and edit
• Selecting delete will delete the comment removing it from the comment section

Profile page

As a logged in user, I can view my own profile page, to see all the content on my account

• The user profile picture appears in the navigation bar
• Hovering over the profile picture opens a dropdown with the options profile and logout
• Selecting profile takes the user to their profile page
• Here their comments and what duck post the comment is posted on are displayed along with any of their posts

Search (search bar)

As a user (logged in or out), I can search for different ducks, to find a specific one I'm looking for

• A search bar (string input) appears in the navigation bar
• Once the user has entered the term that they want to search, hitting enter will submit the search
• After the search is submitted the user is redirected to a page with posts associated with the term that was searched