to-do-list icon indicating copy to clipboard operation
to-do-list copied to clipboard

"To-do list" is a tool that helps to organize your day, built with HTML, CSS, JavaScript. With its management features, you can add,  mark as completed, remove and make changes to tasks.

A Todo App

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you manage them too!

Todos

The CRUD (create, update, delete) methods for the todo tasks are implemented, including drag and drop to re-arrange the order of the list. All the elements of the user interface are fully functional and the application is completed. You will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in localstorage.

Built With

  • HTML
  • CSS
  • JavaScript
  • HTML & CSS & JavaScript Linters
  • GIT
  • ES6
  • WebPack
  • JEST

LIVE DEMO LINK

Set up locally

  • Open your terminal and run the following command: git clone https://github.com/clintonjosephs/to-do-list.git
  • Run the command "npm install"
  • Run the command "npm run build"
  • Run the command " npm test "
  • Run the command "npm run start"

Once you completed this steps you should see the app running at: http://localhost:8080/ in your browser.

Author

👤 Clinton Mbonu

👤 JihaneH

🤝 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

  • Minimlistic Website
  • Entire Microverse community

📝 License

This project is MIT licensed.