User Stories

Users

User Stories 1 - Login

• As an unauthorized user, I want to be able to log in using a form, so I can access my Following Feed page.
  • When I'm on the / landing page:
    • I would like to be able to enter my username and preferred password in a form order to login.
  • When I enter an invalid username or password on the login form:
    • I would like the website to inform me of any validations I failed and
    • Fill any entries with the information added previously except for the password field
  • When I successfully fill out the username and password with valid login criteria
    • I would like the website to redirect me to the Feed Page /feed

User Stories 2 - Signup

• As an unauthorized user, I want to be able to sign up a new account under a new username and password using a form
  • When I'm on the /signup page:
    • I would like to be able to enter a chosen username and preferred password as well as a first name and last name in a form in order to create an account with that username and password.
  • When I press the Sign Up button with an empty first name on the Sign Up form:
    • Then the page will show a validation error of the missing first name field
  • When I press the Sign Up button with an empty last name on the Sign Up form:
    • Then the page will show a validation error of the missing last name field
  • When I press the Sign Up button with an empty username on the Sign Up form:
    • Then the page will show a validation error of the missing username field
  • When I press the Sign Up button with a username that already exists in the database:
    • Then the page will show a validation error of the username already existing
  • When I successfully fill out the Sign Up form username and password fields with valid criteria
    • I would like the website to redirect me to the Feed page /feed

User Stories 3 - Demo User

• As an unregistered and unauthorized user, I want to see a easy to find button on both the /signup page and / landing page that allows me to continue browsing the site as a guest user, without having to sign up or login
  • When I click on the demo user button
    • I would like to be logged in as a normal user to test the site's functionality

Log Out

• As a logged in user, I want to log out via an easy to find log out button on the navigation bar.
  • While on any page of the site:
    • I can log out of my account and be redirected to the landing page where I can login again.

Following Feed

• When logged in, I can see posts of people I follow in the order of most recent
• I can click on the username of users posts which will bring me to that user's profile page

Explore Page

• I can click on the explore page icon on the navigation bar, which will bring me to a page that has posts from users I'm not following
• I can click on the posts on the explore page to bring up a modal of that post, which will show information about the post

Likes

• I can like any post a single time, whether it's on my following feed or on the explore page, which will fill in a heart icon visible on the post
• I can click the like button of a post I've already liked in order to unlike it, which will un-fill the heart icon

Comments

• I can comment on any post any number of times, whether on the following feed or the explore page
• I can edit a comment I've made on any post
• I can delete a comment I've made on any post

Posts

• I can submit a post by clicking a plus button on the navigation bar, which will bring up a modal form:
  • within the modal form, I can fill out an optional description of the post, and I can choose an image or video from my computer to submit to the post
• When I submit a post from any page, I get redirected to the /feed page, and my created post is shown at the top

Following/Followers

• I can click on a user's username on a post to get to their profile page, which will have a button to follow that user
• Any user can click on my username on a post I've created to get to my profile page and follow me
• I can click a follow button next to the username of the user on a post to follow them
  • alternatively, I can hover over a username of a user on a post which shows a follow button

Profile Page

• I want to be able to see my Finstagram posts on my profile page in 3 columns, with uniform sized pictures.
• On my profile page, I can see my profile picture, username, followers, following, post count, first and last name and bio
  • The followers and following counts are clickable, and when clicked will show a modal with a list of my followers, or a list of users following me, respectively