Adding Tasks to Columns

Hope you've been following everything up till now. Next, we'll add the functionality of creating new tasks!


Create a + button inside the column header. When this + is pressed, open a modal window with the same form fields as the ones at the bottom of the page. When submitting the form, the new card should appear inside the column where it was created. Use the rmodal library!

As the form at the bottom of the page is now useless, remove it.

Source code:

Use the PomodoroTracker4 folder as a starting point. The result is in PomodoroTracker5.


This is a user experience exercise involving a third party library. Let’s install rmodal using npm. Navigate to the folder of the application, then execute the following command:

Level up your interview prep. Join Educative to access 70+ hands-on prep courses.