Welcome to the third and final project for this book. You’ll now have to wield all the magic and spells that you’ve learned so far as well as some extra knowledge about JavaScript and HTML that you’ve hopefully picked up elsewhere—however, that’s only required for the very advanced homework at the end of this chapter.
In this project, we’ll build a task manager. By task manager, we mean a slightly more complex variant of a to-do list. The task manager at first consists of a simple to-do list implemented as cards that can be started and completed. We then add in substeps to each task, so the user can add some finer details to their tasks at hand. Next, we add in the option of changing the order of the steps in each task, first only using buttons, but then also using drag and drop. It’s that last bit in step 5, the drag and drop part, that’s going to be tricky to complete. You can see this development in figure 13.1, where we’ll use advanced events to get to the final step 5.
