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

Live Demo Link

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.