To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease.

Related tags

Learning resource ToDo-list-application
Overview

TODO-LIST

To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease.

Additional description about the project and its features.

Screenshots

ToDo-APP

Built With

  • HTML | CSS | JavaScript

Getting Started

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

Prerequisites

  • Text Editor | Git and Github set up

Setup

  • Clone repository and open with text editor

Dependencies

  • Run npm install - to load necessary files from package.json

Linter Setup

  • Apply Linter checks with the following instructions
  • Webhint: Initialize and create package.json with npm init -y.

After run npm install --save-dev [email protected] Create a .hintrc file and then run npx hint . to check for errors.

Usage

  • View APP
  • Add list items
  • Remove list items
  • Re-order list items
  • Reload (clear) list

Author

👤 STEVE W DAMES JR

🤝 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

  • Based on a design by: Matt Shwery; Support on Twitter: @twitterhandle
  • Hat tip to anyone whose code was used
  • etc

📝 License

This project is MIT licensed.

Comments
  • This branch is to test Edit, Completed & ClearAll functions in ToDoList project

    This branch is to test Edit, Completed & ClearAll functions in ToDoList project

    We tested:

    Edit test

    • Check edit function
      • Edit item in DOM

    Completed test

    • Mark completed in localstorage

    ClearAll test

    • Check clear completed

    Debug Linters

    opened by myelin0 0
  • This branch is to test add & remove functions in TodoList Project

    This branch is to test add & remove functions in TodoList Project

    Added:

    • test to test & mock functions for Dom manipulation
    • todo.test.js:
    • Add data to local storage
    • Check update of DOM
    • Test remove function
    • Check item is removed from DOM

    -Debug Linters

    opened by myelin0 0
  • This branch is to create core functionality add and remove with edit on Todo list app

    This branch is to create core functionality add and remove with edit on Todo list app

    Feat:

    • Remove hardcoded tasks from array object.
    • Implement a function for adding a new task (add a new element to the array).
    • Implement a function for deleting a task (remove an element from the array).
    • Implement a function for editing task descriptions.
    • Default property of completed new tasks set to false
    • Create JavaScript file for new feature.
    • Changes to List tasks saved in local storage.

    Debug:

    • Correct linter errors
    opened by steveWDamesJr 0
  • This branch is to create Todo list structure with dynamically loaded list items

    This branch is to create Todo list structure with dynamically loaded list items

    Add files:

    Webpack setup
Index.html file for markup template with todo list placeholder using HTML Webpack Plugin
Webpack loaded style.css

    Add:

    Array object with list items including string, boolean, and number property value pairs
Render Function to iterate over items in array
Linters
    opened by steveWDamesJr 0
  • This issue is to report following of best practices in todo list application

    This issue is to report following of best practices in todo list application

    JavaScript Best Practices

    • Keep all the JavaScript code in JS files, not in the script tag. ✔️
    • Keep your code clean following this advice about:
    • type checks ✔️ 

    • naming ✔️ 

    • simplicity - Look for ways to make functions smaller:

    Long function

    • DRY - Could use function for repetitive Local Storage function
         - Delete repetitive code

    Repeat code lines p88-106

    • If you use node modules, .lock files should be in the repository to avoid problems with future versions of the
      dependencies. - Delete package-lock.json from .gitignore to release files into repository.

    Release package-lock.json If you use ES6, use object destructuring to get the values from an object. This way you can avoid repeating a lot
    of code - used destructuring in import statements ✔️

    opened by steveWDamesJr 0
Owner
Steve
Software Engineer: I work with tech like JS to convert ideas to reality. You dream it; We achieve it! Also enjoy Ballroom dance and open to new opportunities.
Steve
GitHub
A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.

todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http

Shotola Ololade 3 Oct 13, 2022
A simple JS To Do List bundled using Webpack. You can add new tasks, edit existing tasks, check completed tasks, and delete tasks from the list. It is built mainly with Javascript.

To-Do-List A simple HTML list of To Do built using webpack and served by a webpack dev server. Live Link See Demo Built With HTML, CSS, Javascript To

Michael Ugochukwu 3 May 10, 2022
To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Alzubair Alqaraghuli 5 Jul 25, 2022
A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.

To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl

Karla Delgado 15 Sep 26, 2022
A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done

To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task

Mustafa Fahimy 8 Jul 21, 2022
The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.

Todo List App The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day toda

Atugonza ( Billions ) Joel 14 Apr 22, 2022
This project is a list manager that will allow a user organize a list of their tasks. They can conveniently create, update and delete tasks.

TO DO LIST APP This project is a list manager that will allow a user organize a list of their tasks. They can conveniently create, update and delete t

Kehinde Onifade 8 Oct 7, 2022
This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.

Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist

Santiago Cárdenas 6 Jun 9, 2022
To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed.

To Do App To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed. Users c

Ishpaul Singh 6 Jul 21, 2022
A Todo list app that allows the user to add tasks, delete, edit, chage, and clear all completed tasks. Built with JavaScript, CSS and Html.

To Do list: interactive list description: A todo list app that allow users to add new task, delete, edit, and clear all completed.Built with JavaScrip

IBRAHIM AHMAT 7 Aug 4, 2022
This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Juan Sebastian Sotomayor 12 Apr 11, 2022
To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. It is built with HTML, CSS and JavaScript

to do List To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. Built With HTML-5 CSS3 Ja

Lynette Acholah 11 Jun 7, 2022
To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do.

to do List To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. Built With HTML-5 CSS3 Ja

Nemwel Boniface 21 Jun 23, 2022
In this project I have build a To Do List app that you can list, add, delete and manage your daily tasks better. Build with HTML, CSS, JS, ES6, JSON

ToDo List This project is build by javascript web packages which can add and remove daily tasks. Built With Html Css Javascript Sublime Text Author ??

Sahar Saba Amiri 7 Oct 25, 2022
A to do list where you can add tasks, mark completed tasks and clear all completed tasks.

To Do List A to do list where you can add tasks, mark completed tasks and clear all completed tasks. You can rearrange the order of the tasks by doubl

Amira 7 Mar 4, 2022
A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS

To Do list Application This is a single page application that allows users to keep track of their tasks. Users can add the task and also check the che

Micheal Oguntayo 4 Oct 14, 2022
This is a Webpack based to-do-list project. With this app, users can add thier daily routine tasks to the list, mark them as complet, edit them or delete them.

To Do List This is a Webpack based to-do-list project. With this app, users can add thier daily routine tasks to the list, mark them as complet, edit

Ali Aqa Atayee 12 Oct 30, 2022
An interactive To-Do List Web Application that allows users to add, edit and delete tasks.

To-Do-List A To-Do list web application. Live Preview Click here to view Live Page Built with HTML CSS JavaScript Used best practices, ES6 e.t.c Setup

William Raga 15 Nov 3, 2022
ToDoList app helps users make their day organized and user can add tasks, delete completed tasks.Build with Javascript, HTML, CSS

ToDoList Description the project. This project we will help you organize your day. Add tasks Delete tasks And clear all tasks keep your list clean. Bu

Nurgul Kereikhan 6 Oct 11, 2022