Todo Lists

Published 09/20/2024

Todo lists are something I write daily. Either for work, general programming, or even shopping - I try to organize myself by writing my thoughts down.

Normally I would use my phone for this task, but since I’ve been enjoying writing web tools I thought this would be another fun project.

I wanted to keep my current workflow of being able to edit raw text, with a new line separating the task. I also wanted it to visually have a modern view of all the tasks, having each separated with its own HTML elements. This means multiple forms of input are required to make this work.

The result is what I was able to come up with. I call it Todo List Manager, and it achieves everything I set out as initial goals.

^{(Click to enlarge)}

This is really more of a rough concept than the final edition. The interface isn’t where I’d like it to be, and there’s a few things I would change. However, it’s fully functional and live, feel free to try out the Todo List Manager. Report any issues, bugs, or suggestions you’d like by using my contact info in my about page

If I were to rework this in the future, I would probably make it easier to use by having two interfaces:

• When you first create a list it would show a raw text input, letting you get your initial rough draft down. You would submit the list on this page.
• After submission / on list load it would show the page with HTML elements, stying, check marks, etc.

I would also make adding todos easier, maybe a checkbox could unlock the date and time picker, making it a lot less daunting to first time users. Something like that, I’m sure there are better ideas but that’s the start of the changes I’d make.

For now though, I’m happy with the results. It’s open sourced under MIT so feel free to make any changes if you feel inspired.

Media

^{(Click to enlarge)(Click to enlarge)(Click to enlarge)(Click to enlarge)(Click to enlarge)(Click to enlarge)(Click to enlarge)(Click to enlarge)}