Fully Functional Todo App

Spent quite a bit of time on this and tried to make it as perfectly as possible. This project helped me in getting a lot of practice for DOM manipulation, storing and retrieving data, implementing dark/ light theme and some other techniques.

Only thing left is to add drag and drop feature. I am using vanilla JS. As I knew that I would need to add this feature so in my code the todo list doesn't directly update the DOM, instead it stores the todo item in an object array. Data from this array is then retrieved and displayed on the DOM. To add drag and drop I would change the sequence of that array and redisplay the DOM. I understand that this may not be a very efficient solution but given the number of items will probably be less than 20 the impact on performance would be negligible if any.

If you have any suggestions or guidance please share.