To-Do List
- 5 Devlogs
- 5 Total hours
A to do list with some basic features using array and localstorage. However, it still lacks stack logic and sorting features
Ship #1
Added a green tick button which you can click after finishing a task and the text turns cut off after clicking on the green button it took some time but it looks neat and worth it
Hello, a very basic devlog:
I added a ‘Do you want to delete’ Confirmation message alongside changed the entire preview and UI of the website so it looks neat and awesome
I upgraded my functional To-Do List web application to feature a dynamic, multi-list architecture that allows users to create custom categories and manage isolated task sets simultaneously. As a beginner learning JavaScript, the most challenging part of development was mastering nested state management (listTitles[activeListIndex].todolist), handling event bubbling using event.stopPropagation() so deleting a list didn’t accidentally activate it, and troubleshooting asynchronous rendering bugs where event listeners were trying to bind before the HTML was injected. However, now the application seamlessly syncs separate lists to local storage, handles input-specific Enter key listeners for both tasks and lists gracefully, and maintains clean visual state transitions, so I hope you all give it a try at least once and maybe suggest some improvements!
Changed UI completely, added a create button, input element to enter name and save button for confirmation.
Key features:
Input box and save disappear and only appear when create is clicked and disappear after saving (does not recognize null value) For now it saves it in an array which I have stored in local storage, in the future will add a remove button to remove the contents of the array and ill add the array names to the list sequentially.
I created a functional To-Do List web application featuring a clean, grid-aligned layout to manage daily tasks, track deadlines, and handle dynamic input. As a beginner learning JavaScript, the most challenging part of development was mastering array modifications, understanding how data passes by reference versus by value, and ensuring data state accumulated correctly outside of loops without wiping previous iterations. However, now the layout automatically re-sequences serial numbers perfectly when tasks are added or deleted, handles missing dates gracefully, and looks really sharp with its dark green styling, so I hope you all give it a try at least once and maybe suggest some improvements!
