Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

This is a test build for a task manager app, built with HTML5, CSS3, Twitter Bootstrap, JQuery, and Angular.js.

Notifications You must be signed in to change notification settings

BobFromAccounting/taskmanager_angular

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
9 Commits
 
 
 
 
 
 

Repository files navigation

Task Management App Using Angular.JS

Install

Run the following commands to serve the app:

npm install
npm start

Introduction

Upon initially coming to the page, the user will be prompted to add a task to their list. Using the simple form provided, a user will provide a title for the task to be added and set a priority level for the task. This level ranges from low to high. They will also be able to set a category for the task (ie. Personal, Work, Educational, etc.) as well as add a broader description to their individual tasks. The user can then save the task into the Current Tasks table, which will persist through page loads, thanks to local storage in the BOM.

Completing Tasks

Once the user has populated one or more tasks into the current task table, they will be able to edit the tasks details, view all of the metadata regarding a particular task - this is achieved by double clicking the task itself - or setting the task to a completed status. By clicking the green check button on the right hand side of the task, the task will be removed from the current tasks table, and stored into the completed tasks table.

Once a task has been set to completed, it no longer can be edited. However, if the task must be re-addressed, a user can click the orange reset button on the right hand side of the completed tasks table, and reset the completed status to false. This will allow the user to replace it as a current task, and now edit the task again.

These options are also available when in the detailed view modal.

Deleting Tasks

A user is able to delete both current tasks, and completed tasks. This is accomplished by clicking the red X button on the right hand side of the table. This option is available on both tables as well as the detailed view modal.

Items deleted from either table will also be removed from local storage.

About

This is a test build for a task manager app, built with HTML5, CSS3, Twitter Bootstrap, JQuery, and Angular.js.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  
Morty Proxy This is a proxified and sanitized view of the page, visit original site.