App Screen 2

Satyam Singh
Jul 22, 2017 · 2 min read

The Task screen is the second screen where user who is logged in can see his TO-DO tasks and the tasks that he has already finished.

  1. By clicking on task TO-DO it is marked and moved to the Done section.
  2. When clicking on Done tasks it is deleted from the database.

Task screen:

Featured code:

loadToDoTask() function loads the tasks to do from the database.

On clicking a task yet to be finished, markAsDone() function marks the tasks in the list as finished and moves it to the doneTasks section.

deleteTask() function deletes the tasks that are completed already by clicking on it.

There is also a feature to search by tag that shows Tasks TO-DO and already Done By a particular Tag!

Task By Tag:

Link to my webapp : TO-Do Webapp

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade