Giter Site home page Giter Site logo

to-do-list-tdd's Introduction

Team HARL

Description

This is a simple to do list that allows the user to add tasks. Once an item is marked as 'done', the task will be move to the 'Done' list.

User Stories

Core

As a busy person, I want to:

  • Add tasks to a list so that I can keep track of them
  • Check things off my list so that I can see what I’ve done
  • Delete things from the list if I don’t need to do them anymore

As a motor-impaired user, I want to:

  • Use all the features of the app without a mouse

Stretch

As a busy person, I want to:

  • Filter out completed to-dos from my list so that I can focus on what's left to do

Acceptance Criteria

  • A working to-do list
  • Tests for (at least) each user story
  • A responsive, mobile-first design
  • Ensure your app is accessible to as many different users as possible

Testing Methods

TDD Unit Testing

Prototyping

Tools used: Figma For an overview, visit: https://www.figma.com/file/meivKXgMUePzH6C7gGIprx/TDD?node-id=0%3A1

Personal Learning Objectives

Hannah

  • Writing tests for your own functions that fail!
  • HTML template elements.
  • Demystifying NodeLists and their uses.

Lizzy

  • DOM manipulation
  • Develop an understanding of the Traffic light system for writing tests

Ako

  • Find the essence of love and true communication
  • Find good balance between planning and actually coding

Roger

  • Improve my understanding of CSS layouts for responsive design

to-do-list-tdd's People

Contributors

hannahgooding avatar roger-heathcote avatar akomiqaia avatar lizjegede avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.