User Story

As a content-generator, I want to easily and intuitively create and update Sources and Stashes so that I can spend less time doing the creation and more time organising/using the resources

User story

As a user, I want to access the search function on every page so that I can search things up quickly

Tasks

• Design a search bar for the header
• Implement search bar on the website in HTML/CSS.
• Ensure search bar is able to find items with the appropriate tag/title from the SourceStash database.

User Story

As a user with several accounts, I want to see all my accounts on the login page so that I can **log into either one of them easily

Tasks

User Story

As a USER, I want to MOVE THE SOURCES AROUND THE STASH TO ORGANIZE THEM

Task

Rendering

• Find out how to render a component/element relative to another, based on a value passed by .ts file
• Creating paths between two components

Integration with Service

• Call method to retrieve child sources

User Story

As a signed up user, I want the server to protect my resources so that no one else can access my protected resources

Tasks

• Authorization on server-side useing Passport for Express.js, and JWT Strategy from Passport

• Users can either choose from a list of tags already existing in the stash, or create a new one
• As user types into the tags input space, the list will appear and be filtered by what the user typed in.

User Story

As a regular user, I want to type in keywords into the search bar so that all the relevant sources and stashes will appear in the search result

User Story

As a user, I want to create a stash to store the relevant sources in it

Tasks

(DATABASE) create a table to store the stashes, and each stash must have:

• its own id, title, and description
• id of the author

(ANGULAR) Create an Angular Service to support contact to the database

Stash Creation:

• Let a user create a stash
• Let a user delete a stash

Stash Retrieval

• Whenever a user tries to submit, check if the email has been registered
• send a request to the server, passing in a stash id for the server to retrieve the information of that stash
• retrieve all the stashes for a given user

User Story

As a new user, I want to create a new account with email and password, so that I can start storing stashes and view them

Tasks

• Create Google Cloud SQL MySQL server to host information
• Create a node.js server that can connect to the Cloud SQL instance
• Setup a phpmyadmin server in the project to manage MySQL server
• (DATABASE) table to store user information: email, password, first name, last name and id (initially created from email)
• A frame for AccountService that handles connecting to the server for authentication
• Established connection between the AccountService-Application Server
• Established connection between the Application Server and the Cloud MySQL database

User Story

As a registered user, I want to update my personal information to make my experience of the app feel more personal

Tasks

• AccountService to update the account based on the given parameters
• Change the create account method to create based on email and password only

User story

As a content-generator, I want to see a modern and intuitive UI when I'm adding a source so that I can quickly add sources and immediately see if it is successful or not.

• Design the final version
  • Content similar to "Add source" popup that is already coded
  • "Delete" button
  • Reviewed by Hayden
  • Reviewed by Khoi

User Story

As a user contributing to a stash, I want to move the sources around the stash so that I can organize them

Tasks

• [ALGORITHM] design a way for stashes to be displayed in the user interface
• update the database table for sources information
• Work with Jeremy to implement the new system into the real UI

user story

As a user, I would like to see an introduction of the website in the first page I entered

task

• [] filling in the complete content into welcome page

User Story

As an experienced user, I want to collaborate with others so that I can build up my stash with sources more quickly.

User Story

As a user, I want to store a source in my stash so that I can organize it and view it later

Task

Source and Stash generation interface

• Interface for a creating stash
• Interface for a creating source
• Basic popup for viewing a source

User Story

As a user, I want to add a new source to my stash so that I can access it later and other people can vote it up if they find it useful

Tasks

Database design

Constraint: a new source needs to be attached to an existing source to be added

• (DATABASE) a source must have: an id, the id of the stash it belongs to, a link to the content, a title and a brief description, and a 'level' tag: 'root', 'topic' or 'source', a 'difficulty' tag, x-position, y-position (relative to the parent source)
• (DATABASE) a table to store a source's child source ids
• (DATABASE) a table to store the list of tags and the array of sources linked to each tag

Angular 2 SourceService design

This service should have methods to:

• call the server, passing in the id of a stash to retrieve all sources belonging to it and return that to the component
• send a request to the server to add a new source, and return the source with an id attached
  • Add a new source to source_basic_info
  • Update the tags table
  • Update the child-source table

User Story

As a new user, I want to see if my details are valid while creating a new account so that I can fix any typo mistakes, or input mistakes that I may have made, and so can create an account faster

Tasks

AccountService to handle these tasks:

Account Creation

• (Angular) Send registration details to server
• (Angular) Display a message if the registration is unsuccessful
• (AppServer) query database for availability of an email address
• (AppServer) query database for password of a user to check
• Added some basic tests for the Service

Log in

• (Angular) send email and password to server for confirmation
• (AppServer) query database for username and password, then authenticate the user
• (Functionality) The page can 'log in' with a username and password now

Form Validation

• Implement code to check with the Application Server (when user finished typing the email) to see if the email address as id is available
• send back the reply to the Component for the component to display an error if there is one
  Application Server features needed:
• receive a 'email check' request, check with the database if the email is available, then return the status code

User story

As a user, I want to view the sources in the sidebar, sorted by rank so that I can filter through information

Tasks

• creating a filter for source based on rank

Tasks

• Find a process
• Adapt the process

User Story

As a user, I want to FILTER THE SOURCES ON THE SIDE BAR so that ONLY THE SOURCES WITH THE RELEVANT TITLE WILL APPEAR

Task

FILTERING system in the STASH PAGE

Page and functionality mockups must be refined for website implementation.

Tasks

• Wireframe for Welcome page

• Wireframe for 'create an account' page

• Wireframe Stashes Page

• Wireframe for Home Page

• Wireframe for Profile Page

• Updates

  • Sidebar on the Stash Page
  • Wireframe log in. Remove sign up and perfect log in with Google.
  • Finalise Stash Editor and Source editor.

Criteria

• Done when all members have agreed to the final wireframe layout

(CONSTRAINT) Make a constraint: when user creates a new source, they HAVE TO have AT LEAST one tag

• Users can either choose from a list of tags already existing in the stash, or create a new one
• As user types into the tags input space, the list will appear and be filtered by what the user typed in.

User Story

As a USER, I want to SEARCH TO RELEVANT STASHES

Task

[ ] Search through labels
[ ] Search through titles of stashes and stashes
[ ] Display sources and stashes separately, but still linked to one another

Tasks

• Popup for creating a stash
• popup for Source Editor
  • Fix up the content

User Story

As a stash owner, I want to add someone else as a collaborator so that they can make changes to the stash I own

Tasks

• Table with stash id as primary key, and user ids as collaborator's ids
• Application Server with method to update the list of collaborators in the database
  • Update the list of collaborators for a stash (handles both adding and removing)
  • API to retrieve all collaborators for a stash

User Story

As a USER, I want to UPVOTE A SOURCE THAT I THINK IS USEFUL AND RELEVANT

Task

Create a VOTING feature

User Story

As a user looking for relevant sources, I want to see the higher ranked sources bigger than the others

Task

• Create a size differentiating system depends on the rank in the STASH PAGE
• sync with the database to find out the rank of the stash

User story

As a user, I want to see a well designed brand so that I can know the website is a reliable tool

Tasks

Logo

• Create some rough ideas of the SourceStash logo.
• Pick best idea and refine the design.
• Create different variations of logo in Illustrator so it can be used in spaces that vary in size.

User Story

As a logged in user, I want to be able to logout from any page

Task

Creating a logout feature for logged in user

User Story

As a stash owner, I want to add someone else as a collaborator so that they can make changes to the stash I own

Tasks

• put an estimate to this issue
• 'Add Collaborator' button in a Stash's UI
• Design the popup for 'Add Collaborator' feature

User Story

As a user, I want to display my created stashes on my public profile

Task

Displaying personal stash in profile

User Story

As a USER, i want to CREATE A STASH

Task

• Creating the basic stash interface based on the mockup/wireframe

User Story

As a USER, I want to MOVE THE SOURCES AROUND THE STASH TO ORGANIZE THEM

Task

Updating

• Find out: drag and drop a component, and update the position values of the [model]. Idea: at startdrag, record initial position; at enddrag, record final position. Update x-position value by enddrag.x - startdrag.x (or something like that)

Integration with Service

• Call update method when child source changes position
• Find the 'relative' position of the source
• Service updates the database on the new position of the source

User Story

As a new user, I want to create an account and login with two clicks, given that **I have logged in to my google account.

Tasks

• Authentication: Oauth for Google+ on server side
  • Server can connect to Google OAuth2 API
  • Angular App can connect to Google OAuth2 APi
  • Angular App can retrieve the user's Google etag
  • Angular App can log a user in after logged in with Google
• Server login for "Google Login" api
• Storing new user information based on "Google signup" api

User Story

As a user, I want the login page to be user friendly and simple, so that it is easy accessed

Task

• finish coding the interface for login page

Collaborate

#3 auto login system
#5 logout system

User Story

As a new user, I want to view a modern and professional design of the welcome page so that I am interested in reading more about SourceStash

Tasks

• First Version (Hayden)
• Second Version (Khoi)
  • Reviewed by Hayden
  • Reviewed by Jeremy

As a user, I need to be able to display my created stashes on my profile.

User Story

As a user looking for learning resources, I want to see the difficulty level of each source so that I know which one is appropriate for my level

Tasks

• expand more on this idea

User story

As a user, I want to view my profile more intuitively so that I can easily find my stashes, favourites and sources; also need to be able to edit my account info

Tasks

• Refine profile design from the mockups.
  • Get user info (stashes, sources, favourites) from database to load on profile.
  • Load and display account info (including display picture) on profile.
  • Ensure account info is editable by user from this page. # #

User story

As a user, I want to see a log-in/create account page interface so that I can easily sign in to access my account, or create a new account

Tasks

• Design mockup for a log in page.

User Story

As a new user, I want to see a nicely designed home page so that I will understand what SourceStash is about within a small amount of time

Tasks

• First Version (Hayden)
• Second Version (Khoi)
  • Reviewed by Hayden
  • Reviewed by Jeremy

User Story

As a stash owner, I want to add someone else as a collaborator so that they can make changes to the stash I own

Tasks

• Design this service
  • View the list of current collaborators
  • Adding a new Collaborator
  • Remove a Collaborator
• Test this service (NEED MORE DETAILS)
  • Test getting shared stashes
  • Test retrieving collaborators
  • Test adding new collaborator
  • Test updating list of collaborator
  • Test deleting a collaborator
• UI for adding collaborators
  • New section inside 'Edit stash'
  • Showing a list of collaborators + 'delete' button
  • With new section to add a new collaborator
• (UI stuff)
  • When the user logged in, retrieve all collaborating stashes as well
  • Show the list of collaborators in stash page
  • Display 'owned' and 'shared with me' stashes differently

User Story

As a collaborator/stash owner, I want to drag and drop the sources around so that I can organize them in a more meaningful way

User Story

As a user, I want the app to automatically log in the second time if i tell it to do so

Task

• creating a auto login system when the user try to log in the 2nd time

User Story

As a user, I want to display personal information o my public profile

Task

• finish coding the interface for profile page
• Link to the AccountService

User Story

As a user, I want to see an Impressive interface when I first accessing this website
As a user, I want to understand what sourcestash do before I start using it

Task

• Code the interface for welcome page as soon as the Mock up is ready