To-do list

The aim of this project is to build a to-do list tracker, allowing users to create, complete and delete tasks from a list with the intention to practice test-driven development. As a minimum viable product, the app should have the following features:

• A button to create a task,
• A button to delete a task,
• A checkbox to mark a task as urgent,
• A checkbox to mark a task as completed,
• A checkbox to filter completed tasks.

Workflow

There are 4 branches: main, markup-and-styling, test, and function.

    gitGraph
        commit
        branch markup-and-styling
        commit
        checkout main
        commit
        checkout markup-and-styling
        merge main
        checkout main
        branch test
        commit
        checkout main
        commit
        checkout test
        merge main
        checkout main
        branch function
        commit
        checkout main
        commit
        checkout function
        merge main
        checkout main

Loading

Website Demo

Testing

Test-driven development is the methodology of writing tests before your code and following an ongoing cycle of fail, pass, and refactor. In this section you will find the tests and methods we have used and instructions on how to execute them.

    graph TD
    A[Fail]-->B[Pass]-->C[Refactor]-->A

    style A fill:#a12273
    style B fill:#6a8993
    style C fill:#9b5c35

Loading

Instructions for testing:

1. Debug button can be toggled with "ESCAPE"
2. Open the console window with "F12"
3. Click the debug button to display tests inside the console.
4. Toggling the debug button or clicking it again will clear the console and any test tasks in the DOM.

Project Acceptance Criteria

• A working to-do list, [ #8 ]
• Tests for each user story, [ #1 #2 #3 #4 #5 ]
• A responsive, mobile-first design, [ #7 ]
• Accessible to as many users as possible. [ #6 ]

Credits

This project is being built from the ground up by: