lesson-cover

Go Back

Front End Engineering

Kanban Board

Create a task board with the following css specs.
Demo
Make sure to try out the undo functionality on the bottom right of the page.

  • Acceptance Criteria This should be a fully functional KanBan board.

    • Users should be able to add todos, click on each todo to have an option to delete it, and move items between boards.
    • You should be storing todo list into localStorage so that when your users revisit the board, they will see their items.
    • You should support an undo button so that users can undo their actions. Undo functionality does not have to persist between sessions.

  • Steps and Points

    • (15 points) Create HTML (with sample todo) for the board.
    • (15 points) Style your html elements to make sure your board is pixel perfect.
    • (15 points) Convert your html into function objects, so that when submit is clicked todos are added.
    • (20 points) Implement delete, right / left functionality.
    • (20 points) Implement localStorage
    • (15 points) Implement undo.