https://github.com/kessio/todo-list-jest-tests
This is a todo list that allows users to add, edit, delete, check their activities of the day. This project was created using JavaScript, modules were complied using Webpack and functions were tested using Jest framework.
https://github.com/kessio/todo-list-jest-tests
javascript jest-tests webpack
Last synced: 2 months ago
JSON representation
This is a todo list that allows users to add, edit, delete, check their activities of the day. This project was created using JavaScript, modules were complied using Webpack and functions were tested using Jest framework.
- Host: GitHub
- URL: https://github.com/kessio/todo-list-jest-tests
- Owner: kessio
- Created: 2022-08-16T07:51:39.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-19T12:51:04.000Z (almost 4 years ago)
- Last Synced: 2025-03-29T12:12:58.766Z (over 1 year ago)
- Topics: javascript, jest-tests, webpack
- Language: JavaScript
- Homepage:
- Size: 413 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo-List
> Create a clone of [Emilia Andrzejewska](https://www.youtube.com/watch?v=AcUd-_Yjjqg) to-do list UI structure
#### Objectives
- Use webpack to bundle JavaScript.
- Learn how to use proper ES6 syntax.
- Use ES6 modules to write modular JavaScript.
- Use linters with webpack to check for linters
### Project requirements for Add and Remove TO do List
- Remove all hardcoded items from the tasks array.
- Create a new JavaScript file for the new functionality.
- Implement a function for adding a new task (add a new element to the array).
- Implement a function for deleting a task (remove an element from the array).
- Implement a function for editing task descriptions.
- By default new tasks should have the property completed set to false and the property index set to the value of the -- new array length (i.e. if you're adding a 5th task to the list, the index of that task should equal to 5).
- Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique(i.e. if you're deleting the first task index 1 from the list, the index of the next task(2) should set to 1)..
- All changes to the To Do List should be saved in local storage.
### Project requirements of interactive list
- Add a new JavaScript file and import it as a module:
- it will contain methods related to the status updates (completed: true / false).
- Add event listener to the checkbox (change).
- Update items object's value for completed key upon user actions.
- Implement a function for the "Clear all completed" button (use filter() method).
- Store the updated array of items in local storage, so the user gets the correct list values after the page relo
### All the above project requirements has been implemented on this project
## Built With
- Major languages: HTML, JavaScript ES6
- Frameworks: N/A
- Technologies used: Linters, Git, npm, webpack
To get a local copy up and running follow these simple example steps.
## Authors
👤 **Author1**
- GitHub: [@kessio](https://github.com/kessio)
- Twitter: [@kessio_sharon](https://twitter.com/kessio_sharon)
- LinkedIn: [sharon-kessio](https://www.linkedin.com/in/sharon-kessio-172220b5)
👤 **Benjamin Kisenge**
* GitHub: [@benjamin kisenge](https://github.com/iambenkis)
* Twitter: [@benjamin kisenge](https://twitter.com/iambenkis)
* LinkedIn: [benjamin kisenge](https://www.linkedin.com/in/ben-kisenge
## Acknowledgements
- Acknowledge [Emilia Andrzejewska](https://www.youtube.com/watch?v=AcUd-_Yjjqg) whose to-do list project was used to create the UI of this project
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
N/A