User Stories

User

Sign up

• As an unregistered user I want be able to create an account in order to interact with the website.
  • When I'm on the signup page
    • I want to enter my email address and password in order to create an account.
      • When I signed up successfully
        • I want the website to log me in
      • When I sign up unsuccessfully
        • I want the website to display the sign up errors so I can try again.
        • I want to website to retain OK data so I do not have to re-enter it (except password)

Log In

• As an unauthenticated user I want to be able to log into my account so I can have access to the website and see my portfolio.
  • When I'm on the login page
    • I want to enter my email address and password in order to log in.
      • When I log in successfully
        • I want the website to redirect me to the home page.
        • I want the website's sign up and log in page to be unavailable.
      • When I log in unsuccessfully
        • I want the website to display the sign up errors so I can try again.
        • I want the website to display a cleared log in form.

Demo User

• As an unauthenticated and unregistered user I want to be able to visit the site as a guest with full functionality
  • When I click the 'Demo User' login button
    • I want the website to redirect me to the home page.
  • As a demo user, when I click the log out button
    • I want the website to redirect me to the splash page.
    • I want the website to remove my log in session.

Log Out

• As an authenticated user I want to be able to log out of my account so I can protect my account's privacy.
  • When I click the log out button
    • If I log out successfully
      • I want the website to redirect me to the splash page.
      • I want the website to remove my log in session.
    • If I log out unsuccessfully
      • I want the website to display the log out errors so I can try again.

Posts

• As an authenticated user I want to be able to click a button to allow me to post a picture or pictures and a caption
  • All information will be displayed on the screen to confirm before submitting the post
• As an authenticated user I want to be able to edit or delete a post by navigating to the three dots on each post indicating it's settings
  • Editing a post should allow me to edit the caption
  • Deleting a post should allow me to delete and be asked again if I really wanted to delete for confirmation
• As an unregistered user I want to be able to view all posts from a certain user only if I know their usernname

Likes

• As an authenticated user I want to be able to click a heart on a post to allow me to like a post or comment

  • All liked posts from the authenticated user is highlighted red and can be toggled on any post

• As an authenticated user I want to be able to click on the like count to view all users who liked this post

• As an unregistered user I want to be able to see the count of likes

Comments

• As an authenticated user I want to be able to click on the quote bubble to navigate to the individual post page
• As an authenticated user I want to be able to click on a input box near the post to start writing a comment to submit
  • No redirects are made when just writing a comment in the input box
  • The "Post" button should be blurred until I start writing in the input box
• As an unregistered user I want to be able to view all comments

Following

• As an authenticated user I want to be able to follow a user allowing me to view their posts on my feed
  • I want to be able to toggle my follow/unfollow on their profile page or individual posts page
• As an authenticated user I want to be able to view my own or any profile's following/followers page

User Features

• As an authenticated user I would like to see all my settings when clicking on my profile picture in the nav bar