To Do List

Description

A To Do List project that lets you add "To do" items, remove them and sort them accordingly. A user is able to mark a user task as completed. A "Clear All Completed" button is implemented for the user to be able to clear all completed tasks. A user is able to sort the tasks out in whichever order using drag actions (Feature was implemented using the native JavaScript Drag and Drop API). It is live on this link.

Screenshots

• Desktop

• Mobile

  

Built With

This project is build with:

• HTML
• CSS
• Javascript

Getting Started

If you want to run the project locally in your browser you need to install:

• Node
• Npm (Node Package Manager)
• Git
• Text Editor

To get the content of this project locally you need to run this command in your terminal:

• git clone https://github.com/Beardless-sheik/To-do-list.git

You need to then install the packages locally to your systeme by running:

npm install

To start the server in development mode, Run:

npm run dev

Test

For tracking linter errors locally you need to follow these steps:

• For tracking the linter errors in HTML files run:

  npx hint .

• And for tracking the linter errors in CSS files run:

  npx stylelint "**/*.css"

• And for tracking the linter errors in JS files run:

  npx eslint .

👤 Author

👤 Alick Nyirenda

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

🤝 Contributing

Feel free to check the issues page

Show your support

Give a ⭐ if you like this project!

Acknowledgments

• Thanks to Microverse team that helped with project guidelines