To-do-list
To do list is a website that allows users create a list of tasks which they need to complete. They can mark a task as completed and clear all completed tasks, they can drag and drop to rearrange tasks in any order that they choose, they can also delete any task which they no longer want on the list.
MIT License
To-Do List(testing)
This project is about testing a to-do list app
To-do list Milestone 1:
- Set up project with webpack
- Create basic HTML UI
- Use a function to iterate over tasks
- Add basic styling
To-do list Milestone 2:
- Add drag and drop javascript files
- Add methods for status updates
- Import new files as modules
- Add event listeners to list items
- Make object values update based on index and completed tasks
- Add strikethrough styling
- Store items in local storage
To-do list Milestone 3:
- Remove previous code in tasks array
- Implement a function for adding tasks to tasks array
- Implement a function for editing added tasks
- Implement a function for deleting tasks
- Implement a function for clear all completed
- Store items in local storage
Testing Milestone 1:
- Mock storage object to localStorage
- Mock html for list items
- Use description method to run test
- Test add/remove functions
Testing Milestone 2:
- Mock storage object to localStorage
- Mock html for list items
- Use description method to run test
- Test edit task description
- Test update completed status
- Test drag/drop functions
- Test clear all completed function
Built With
- HTML, SCSS, Bootstrap, Webpack, Javascript and Jest
Live Demo
Getting Started
To get a local copy up and running:
You should have basic knowledge of HTML, Webpack, Javascript, Jest, a text editor and chrome browser.
You can also clone this repository by simply going to Repository Link and downloading it.
After downloading:
- Run npm install && npm start.
- Download Jest using the steps listed in the jest documentation: https://jestjs.io/docs/getting-started
- To run tests, do npm run tests
- You can also make your tests run automatically after every update by adding "watch": "jest --watch" to your package.json file under scripts
- Then run npm run watch
To-do list Author
Gift Uwhubetine
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
Testing Milestone Authors
Gift Uwhubetine
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
Lameck Otieno
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
- Portfolio: Portfolio
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a if you like this project!
License
This project is MIT licensed.