Application Features

Login/Sign-up Feature

Login:

• Inputs for email and password (password is hidden)
• Link to sign up page
• Clicking the login button sends inputs to firebase login method
• On successful login, the user is redirected to the home page
• On unsuccessful login, an alert is displayed informing the user that either the email or password is invalid.
• If any inputs are blank, the user will be notified through placeholder text in these inputs

SignUp:

• Sign up with name, email, password
• Link to login page
• Clicking signup button sends inputs to firebase signup method
• On successful signup, user is redirected to login page
• On unsuccessful signup, an error alert is displayed indicating the reason as to why the Firebase authentication has failed
• If any inputs are blank, user is notified through placeholder text in these inputs

Navigation Bar

• Contains the buttons/links to navigate through the app
• The current page will have an orange box around the corresponding icon
• The nav-bar scales with height
• Contains the user profile image (no way to set it yet - maybe with Google) and when hovered on has the logout and user settings buttons
• Currently only one nav-bar for desktop and does not hide on small/mobile devices

Home Screen

• Greets the user based on the time of day (e.g Good Morning when it's before 1200)
• Shows today's tasks
• Shows the time and date
• Link to the dashboard

Dashboard

• Shows a list of today's tasks
• Clicking on a task from the "Today's tasks" list to view its relative information.
• Using the "+" button to create a new task

Starting task (Timer):

• Clicking the green "start" button to start the timer
• The default setting for work interval and break interval is 25 minutes and 5 minutes respectively. This can be modified by clicking the setting button
• Clicking the expand button to enter the fullscreen timer modal

Stats:

• The stats panel will show the total number of tasks completed and goals achieved by the user
• The number changes when tasks and goals are checked off

Task List Board View

• There are three columns on the board (Backlog, In Progress & Today's Tasks) where tasks are displayed
• Each task can be checked to mark it's done and expanded to display its subtasks
• Tasks can be dragged within their column and across to the different columns
• The columns can be sorted alphabetically or by date (oldest or newest first)
• Users are able to add additional tasks by clicking the "+" button at the bottom of the backlog column

Adding New Task:

• Using the "+" button that is present on multiple screens, the user can add a new task to the system
• On the pop-up, the user can set the name, label, description, start and end dates on the newly created task
• The added task is automatically sent to firebase and is stored on the users account for future use
• Tasks may be edited with the edit button on the tasks, which will open a pop-up to reset the task attributes

Adding New Subtask:

• In the subtask drop down of a task, the user can click the "+" button to add a new subtask to the task
• The user can set the title of the subtask
• The added subtask is automatically sent to firebase and is stored in the user's account for future use

Adding new Goal:

• On the bottom right of the dashboard page, the user can add a new goal to the system by clicking the "+" button
• On the pop-up, the user can set the name, description and the date they want to achieve the goal by for the new goal
• The added goal is automatically sent to firebase and is stored on the user's account for future use