zkr024/to-do-list

Application that uses the localStorage to keep the information on the activities that are pending to be done and also those that are completed. It provides an option to edit activities and also delete them. The clear all applies to those that are marked as completed by selecting the checkbox.

To-do-List

App to add activities in a list. Use Js to add functionality: -Add activities. -Edit activities. -mark as completed. -Deleted those marked. -Use localStorage to keep records of the changes in the app. Use webpack to compile all the files.

Built With:

• HTML.
• CSS.
• JavaScript
• Webpack
• Check the code with Linters tests: Webhint Stylelint Lighthouse esLint

Live Demo

Click here

Getting Started

To get a local copy up and running follow these simple example steps:

• It's necessary to install the LTS option of Node.js. link.
• npm will be included in the previous installation.
• Go to the folder where you want to store the project, and clone the repository:
• SSH: [email protected]:zkr024/To-do-List.git
• From the folder where all the files are located please Run npm install.
• And to launch the web server, please run npm start.

Authors

👤 Oscar Bermudez

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 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!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.

to-do-list's Issues

Do I follow JS best practices?

Button not working

The button to add an activity doesn't have functionality.

Peer to peer review(week2, module2)

@Ol-create @karam084 @banzaman

• Great work, if possible need to active add button beside input.
• Refresh font awesome need to active when refresh need to reload.
• You can add a complete list down the incomplete list.
• key code: This feature is no longer recommended (deprecated)(line 9).event.keyCode === 27 become: event.key === 'Escape'

try using this

if (event.key !== undefined) {

} else if (event.keyIdentifier !== undefined) {

} else if (event.keyCode !== undefined) {

}

Dry?

/src/modules/eventListeners.js

There are repeated lines of code.
Lines - 59,60,61
Lines - 66,67,68

Keycode usage

/src/modules/eventListentes.js

Usage of keycode on lines 9,37 and 43

Todo list project

Consider breaking out the app into more modules for better modularity