https://github.com/juliankrzysiak/todo-list

To Do List
https://github.com/juliankrzysiak/todo-list

Last synced: about 1 month ago
JSON representation

To Do List

• Host: GitHub
• URL: https://github.com/juliankrzysiak/todo-list
• Owner: juliankrzysiak
• License: mit
• Created: 2023-01-15T03:43:19.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-30T06:39:24.000Z (almost 2 years ago)
• Last Synced: 2024-05-11T23:23:10.021Z (9 months ago)
• Language: TypeScript
• Homepage: https://tuedue.netlify.app
• Size: 254 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tue Due

A simple to do list

## Learning Goals

* First time using Typescript

* Webpack

  * Modules

  * Hositng website using webpack, switching away from GH Pages

* Create a more stylized UI

* Mobile responsive

* Better documentation

## How to Use

Click on the upper plus button to add a new list. Then one can click on the lower right button, or hit ENTER, to add a new todo to the current list.

Todos have the fields: title, description, due date, priority. Title is required, description and due date are optional.

Click on a todo to expand it to see more info and options to edit or delete the todo.

Checked todos will be greyed out, then erased on refresh or switching to another list.

When a list is selected, select it again to see edit and delete options pop up next to the page title.

Info is stored in local Storage. All user-inputted info will repopulate on refresh, along with the last selected list. 

## What I would like to add in the future

Ability to undo checked todos

Reorder todos based on priority, due date, etc.,

Add button to clear due date on edit form, otherwise it is a bit clunky to have to manually remove the dates

## Acknowledgements

[Github Corners](https://github.com/tholman/github-corners)

[normalize.css](https://github.com/necolas/normalize.css/)

Google Fonts

Font Awesome

## License

[MIT](https://choosealicense.com/licenses/mit/)