simbawangu / to-do-list

This website allows a user to add, edit or delete tasks to their todo list and displays the modified list after CRUD operations.

To-Do-List

Built With

• HTML5
• CSS
• Js
• Webpack

Live Demo (if available)

The live demo for the project can be found in the following Tweet

Prerequisites

• Create Github repository
• Have VSCode or choice text editor installed
• Have Git installed
• HTML/CSS/JS Linters
• Good github workflow

Setup

• Git clone [email protected]:SimbaWANGU/To-Do-List.git
• cd To-Do-List
• open file in preferred editor
• Run npm install to install dependencies
• Run npm run build for webpack
• Run npm start to start project in server
• HTML, CSS Linter configuration - https://github.com/microverseinc/linters-config/tree/master/html-css

Deployment

• The live link for the project can be found here

Author

🧑 Simba Eugene

• GitHub: @SimbaWANGU
• Twitter: @simb_erella
• LinkesIn: Simba Wangulu

🤝 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

• Microverse

📝 License

This project is MIT licensed.

to-do-list's Issues

DRY

• The code is not repetitive

Peer to Peer Code Review

Work is well done 🔥 💯 . Good use of ES6, modules, use of classes and implementation of the required functionalities. However, there are improvements you could consider;

• Kindly, consider using the DRY technique to avoid errors and repetitions;
  localStorage.setItem('task', JSON.stringify(updateStorage));
window.location.reload(true);
• Kindly work on the accessibility of your page. Please ensure the icons are more visible

YAGNI

Everything that was needed is part of the project

KISS

• The code seems to be simple and uncomplicated

Peer to peer code review

• Kindly remember to commit every time you make some changes so that you can be able to track the changes made in the project.
• kindly Rename the icons to represent what they actually do. i.e Image1, image2 is not proper names for the icons

otherwise the code looks clean 💯 and I like the output of it, Happy coding 🥇