Writing a todo app seems like a pretty common thing to do when learning a new programming language, so here’s my cliche todo app!
It’s not all bells and whilstles, but it works I think. Usually people will write these to learn new concepts, but most of the concepts I’ve already learnt whilst designing this site.
However, I’ve never tried to write a todo app, so there were certain UI features that I had to work out.
It works best on desktop (for some fancy-ish :hover events), but it’ll work on mobiles too.. although admittedly I haven’t been able to test it on other devices apart from mine!
Currently the placeholder items are explaining desktop usage, I’ll update it when I can for small screen users too!
Enjoy!
Here's the initial design I came up with after building the general logic. The non styled version is the grey one at the top:
