<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Todo List</title>
  </head>
  <body>
    <h1>Todo List</h1>
    <p>Using the <a href="examples/template.js">template code</a> as a starting point, build a simple "todo" app.</p>

    <p>Requirements:</p>

    <ul>
      <li>Show a single page with a list of all tasks</li>
      <li>Have a form on that page that lets you add another task</li>
      <li>show a button next to each task to complete the task &amp; remove it</li>
    </ul>

    <p>It could look like this:</p>
    <img src="todo_list_screenshot.png">

    <p>Stretch Goals:</p>

    <ul>
      <li>Ability to assign due dates to a task</li>
      <li>Ability to sort tasks by various criteria</li>
      <li>Ability to show/hide completed tasks</li>
      <li>Ability to edit tasks</li>
    </ul>
  </body>
</html>
