"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 to mark them as complete.

Overview

todo-list

"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 to mark them as complete.

screenshot

Built With

  • HTML5, Javascript
  • CSS3
  • Linters
  • Webpack

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Setup

Run tests

For tracking linters errors locally, you need to follow these steps:

  • For tracking linter errors in HTML file run: npx hint .
  • For tracking linter errors in CSS file run: npx stylelint "**/*.{css,scss}"
  • For tracking linter errors in Javascript file run: npx eslint .

Deployment

  • Use GitHub pages to deploy website
  • For more information about publishing sources, see About github pages

Author

👤 Okoroji Victor aka Vickymarz

🤝 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
  • Coding Partners
  • Code Reviewers

📝 License

This project is MIT licensed.

Comments
  • Add remove

    Add remove

    TodoList add-remove feature

    In this project, I implemented;

    • feature for adding new tasks
    • a function to delete task and update tasks index
    • feature to edit tasks
    opened by vickymarz 1
  • peer2peer review

    peer2peer review

    Hello 😊 your project looks good, and It's easy to use, good job indeed !

    • I noticed the refresh button in your list is not functional, it was just an optional feature but don't you think it will be easier for user to have that button too?
    • as you also mentioned before, we recommend you to use a more descriptive variable name: https://github.com/vickymarz/todo-list/blob/689865978af0235bed76afd2715d09f21e81a1d2/src/crud.js#L16
    opened by ZahraArshia 0
  • Interaction feature

    Interaction feature

    Todo-List Interactive feature

    In this project, I;

    Implemented function to highlight completed task and update completed status Implemented function to delete completed tasks and update task index

    opened by vickymarz 0
  • Interactive feature

    Interactive feature

    Todo-List Interactive feature

    In this project, I;

    • Implemented function to highlight completed task and update completed status
    • Implemented function to delete completed tasks and update task index
    opened by vickymarz 0
  • List structure

    List structure

    TodoList add-remove feature

    In this project, I implemented;

    • feature for adding new tasks
    • a function to delete task and update tasks index
    • feature to edit tasks
    opened by vickymarz 0
  • Add remove feature

    Add remove feature

    TodoList add-remove feature

    In this project, I implemented;

    • feature for adding new tasks
    • a function to delete task and update tasks index
    • feature to edit tasks
    opened by vickymarz 0
  • List structure

    List structure

    Todo List Structure

    In this project, I;

    • setup webpack configuration
    • structured my folder directory
    • used es6 syntax
    • used imports for images and modules
    • Add todos to local storage
    • Update todo on the DOM
    opened by vickymarz 0
Owner
Okoroji Victor Ebube
Front-end software developer, UI/UX designer, Stack: JavaScript, React, Redux. Open to new opportunities.
Okoroji Victor Ebube
"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 to mark them as complete. It is created with HTML , CSS , JS and webpack and NPM.

My Todo List "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 to mark them as com

Dyary Raoof Bayz Agha 5 Mar 29, 2022
"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 to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

ABDUL ALI 7 Jul 17, 2022
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 to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u

TOFANA SILVIA 16 Jun 13, 2022
Harrison Njuguna 5 Nov 11, 2022
"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 to mark them as complete

To Do List "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 to mark them as compl

Sahar Abdel Samad 16 Aug 9, 2022
"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 to mark them as complete.

Todo_List Description "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 to mark th

Cynthia Inga 4 Apr 19, 2022
"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 to mark them as complete.

todo-list "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 to mark them as comple

Okoroji Victor Ebube 13 Jul 4, 2022
"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 to mark them as complete.

To-Do List "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 to mark them as compl

Juan Palacios 10 May 24, 2022
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 to mark them as complete. Built with JavaScript.

To Do List Application that record the tasks to remind you and got many features that you might need. This is an image for it Live Demo Live Demo Here

Omar Ragheb 14 Jul 13, 2022
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 to mark them as complete. Built with JavaScript.

To-do List 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 to mark them as complet

Leonardo Goss 9 Mar 4, 2022
"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 to mark them as complete.

Hello! I am a software developer! I can help you build a product, feature or website. Tak a look of my works. If you like what you see and have a proj

Roberto A. Baños Alvarez 5 Apr 29, 2022
"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 to mark them as complete.

To do list "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 to mark them as compl

Ndikumana Isaie 4 Jun 10, 2022
"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 to mark them as complete.

To-Do-list "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 to mark them as compl

Tushar Singh 4 Jul 19, 2022
"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 to mark them as complete.

To-do List build with Webpack "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 to

PRATAP PANABAKA 5 Aug 19, 2022
A to-do list is a tool that helps organize your day. It simply lists the things that you need to do and allows you to mark them as complete.

ToDo-list "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 to mark them as comple

Mohammed Hussen 6 Aug 20, 2022
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 to mark them as complete.

To Do List This Projects involves building a clone of minimalist ToDo List. Built With HTML, CSS & JS Live demo Getting Started To get a local copy up

Samuel Munyi 6 Oct 7, 2022
Ajayi Ridwan 7 Oct 21, 2022
To-do list" is an app that helps to organize your day. the user simply lists the things that needs to done and the app allows the to mark them as complete when they are done. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Todo-list project This is a Microverse project that entails a to-do-list. Built With HTML CSS Javascript Webpack VS code Live Demo (if available) Live

Youta Lactio Christabelle 10 Aug 3, 2022