To-Do-List

ToDo-list is a project where you can list your daily tasks, erase them when you finish it.

Built With

• HTML
• CSS
• Javascript
• Technologies used

Live Demo

Please: Click here

Prerequisites

The basic requirements for building the executable are:

• A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
• VSCode or any other equivalent code editor
• Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)

Features implemented:

• Responsive HTML page
• Integrated webpack
• dynamic to-do list dom manipulation
• Add a task to list [Hit enter key to add a new task]
• Edit a task to list [this is done by clicking the added task one time and hit enter key to save to list]
• Save current state to local-storage.
• Addition of unit test using Jest.

Getting Started

Setup

git clone https://github.com/The-Normal-One1/To-Do-List

cd To-Do-list


### Install

npm install

npm run start

Usage

Getting packages and debuging with Stylelint

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

For validation detection using Stylelint Run

npx stylelint "**/*.{css,scss}"

from parent source directory

Getting packages and debuging with ESlint

npm install npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

For validation detection using Stylelint Run

npx eslint .

from parent source directory

Getting packages and debuging with Webhint

npm init -y
npm install --save-dev hint@6.x

For validation detection using Webhint Run

npx hint .

Run tests

You can find each unit test cases in the Test folder located in the parent source directory of the project. you can create your own custom unit test and test it by running

npx run test

This should run all unit test found in the application.test.js from the Test folder.

Deployment

This website is delpoyed by Render

Authors

👤 Ermiyas Demsew

• GitHub: @The-Normal-One1
• Twitter: @DemsewErmiyas
• LinkedIn: Ermiyas Demsew

👤 Aster Alemu

• GitHub: Aster Alemu
• Twitter: Aster Alemu
• LinkedIn: Aster Alemu

🤝 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

📝 License

This project is MIT licensed.