To Do List

To Do List is a site that hopes to increase productivity among its users. The site will be targeted towards those desks cluttered with many to do lists who would benefit from combining their lists to one location and become more organised. To Do Lists is a fully responsive JavaScript to do list that allows users to add tasks, delete tasks and mark them as complete.

" >

Features

To Do List Logo and Heading

The logo and heading is feautured at the top of the page so the viewer knows the purpose of the site instantly.

To Do List Enter Task Area

The enter task area will allow the user to add a task to their to do list. The user will be prompted with the text "Enter your first task here..." so the user will know how to add an item to their to do list.

The To Do List Area

The To Do List area will list the tasks added by the user. There will be button to mark the task as complete and a delete button. When a user marks a task as complete the task will then have a line through it. This is to show the user how much they have achieved while using To Do List.

Features to be Added

Offer the user the ability to schedule tasks.
Offer the user the ability to group certain tasks.
Offer the user the ability to close browser and the tasks are stored for future use.

Testing

• HTML
  • No errors were returned when passing through the official [W3C validator])
  
  
  
• CSS
  • No errors were found when passing through the official [(Jigsaw) validator]
  
  
  
• JavaScript
  • No errors were found when passing through the official Jshint validator
  • There are 3 functions in this file.
  • Function with the largest signature take 1 arguments, while the median is 1.
  • Largest function has 17 statements in it, while the median is 4.
  • The most complex function has a cyclomatic complexity value of 2 while the median is 2.

• The site was deployed to GitHub pages. The live link can be found here - https://nikkib101.github.io/To-Do-List/

Credits

Code was not copied however I did take inspiration from https://developedbyed.com/. My code is different and has different functionality but for some of the logic, I took guidance from his course.

Content

• W3 Schools for Font Awesome Icons
• Google Fonts for PT Sans Font