User can add new tasks for a current date (not allowed to add new tasks in previous dates)

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.

Show comments

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

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.

Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in Q&A, subscribe to topics of interest, and get courses and tools that will help you grow as a developer and scale your project or business.

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