To-Do-list test for JavaScript best practises

A simple webapp( list of To Do tasks). This simple web page was built using webpack and served by a webpack dev server.

In this project I implemented the following functionalities::

-Adding a new item. -Removing a selected item. -Marking a selected item as complete. -Removing all items marked as complete at once.

Lastly I tested for the use of the following JavaScript best practices:

-DRY: Don't repeat yourself! It means avoiding having duplicated code.

-KISS: Keep It Simple, Stupid.AvoidING unnecessary complexity, over-engineering your code.

-YAGNI: You Aren't Gonna Need It. Don't add anything you don't strictly need.

Built With

• HTML, CSS -Es6 Modules -Use of webpack builder

Live Demo (available)

Live Demo Link

#Project screenshot

Prerequisites

-Github flow knowledge. -Basic CSS and HTML. -Installation of files. -ES6

Setup

-To clone the repository run [https://github.com/NATASHA-ct/To-Do-list-webapp.git] in your terminal

Install

-Set up Github Actions -Set up linter > Lighthouse , Webhint ,Stylelint , -Added Eslint -Add webpack

Authors

👤 NATASHA TATENDA CHIROMBE

• GitHub: [@NATASHA-ct]((https://github.com/NATASHA-ct)
• Twitter: [@NatashaChirombe]
• LinkedIn: Natasha Chirombe

🤝 Contributing