To Do Manager

Check it out here: zkornbluth.github.io/todo-manager

Getting Started

If you want to set this up locally, follow the instructions below.

1. Ensure you have the following installed:

• Git
• node.js
• npm (Node Package Manager)

2. Clone the repository

git clone https://github.com/zkornbluth/todo-manager.git
cd todo-manager

3. Install dependencies

npm install

4. Run

npm run dev

Your console should display a URL that looks like this: https://localhost:3000. Copy and paste that URL into a browser. Don't use the link here as your port may be different.

Using the To Do Manager

Add a task by clicking the "+" button. You'll be able to set a name, tags (tasks can have multiple tags), and due date (defaults to today). Click "Save" or press the Enter key to save.

Edit a task's name and tags by clicking the "Edit" button. Click "Save" or press the Enter key to save.

Due date is editable without clicking Edit - just click the date itself and you'll be able to pick a new due date on the calendar.

Clicking the checkbox on the left removes the task from the active list, but it remains viewable if you click the "View Completed Tasks" checkbox. Completed tasks can't be edited but can be unchecked to set them as incomplete.

Inputting a tag name in the "Filter by tag" field shows only the tasks containing that tag.

Clicking "Delete" removes the task forever.

Tasks default to sort by due date. Due dates appear in red for overdue tasks and orange for tasks due today.

Clicking the "Task" header lets you sort tasks by name alphabetically. Click it again and the order reverses. Click it a third time and tasks reset to the order in which they were created.

Tasks persist in local storage even if the server shuts down and restarts.

Tab icon created by HideMaru - Flaticon