1)Develop a HTML Theme for To-Do list , use boot strap, (can use templates from internet)

2)Develop JSON Schema (develop json schema first, it will help to solve most of the problems)

3)Develop Sidebar which shows the dates (for each day new date will be added)
Develop Content Bar which shows the list of tasks

4)User can add new tasks for a current date (not allowed to add new tasks in previous dates)
With tasks there must have a check box where user can mark as complete.

5)use 3 colors to define priorities of task (Low, Medium , High)

6)use 3 labels to show tasks status (Not started, in-progress, Done)
Use validation

7)Use Date formatting as DD/MM/YYYY

8)Develop and demonstrate the same.

*Good to have features:

1)Include drag and drop feature to set order of the tasks

2)Copy remining tasks to next day (if user is not able to complete all the tasks then copy them to next day with its current status )

3)Export data as JSON format

4)Add percent complete feature in each tasks. Then calculate total work percent done for a day.

1 comment

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

1 answer

It really depends on your project, but you could use something like this to check if the date is in the past:

var now = new Date();
if (before < now) {
  // selected date is in the past
Submit an Answer