π Team Awesome's To Do App
Our attempt at building a to do web app using Test Driven Development.
π Getting Started
It's a website! So with some luck
πΎ Installation
If you would like to clone and download the files to see locally, you can use the github clone or download button above.
If so, please be sure to run npm install
in order to download our dev dependencies.
β
Running the tests
Once Jest is installed, tests can be run with npm test
π·β Built with
- Jest for testing
- JavaScript
- HTML
- CSS
- Basic app skeleton from FAC
π οΈβ Our process
- Installing Jest
- Read through skeleton together
- Test that Jest actually works and connects to the right files
- Work on logic.js functions
- Work on the DOM
- Basic styling
π· Known issues and bugs π
- Not particularly responsive for mobile or different sized screens
- Mark as done button doesn't function properly
π§βStretch goals
- Literally finishing
π - Adding a function for sorting to dos
- Styling mobile first from the start
- Adding error message when attempting to press submit with an empty text field
π What we struggled with/what we learned πΎ
- Using ! to toggle
elementDone.done = !elementDone.done;
- toBe vs toEqual in Jest, particularly in reference to arrays
- Using describe() in testing to create sections of tests
- Struggle with the DOM
- Forgetting return statements in testing
- Complexity of tests vs functions
π« π« Authors
- Michal
- Charmaine
- Jason
- Oliver
See also the list of contributors who participated in this project.