A to-do-list project is about keeping the track of all the daily task. This application can add move or delete task.

Related tags

Learning resource To-Do-List
Overview

TO-DO LIST

This is a project that create a simple todo tool that help you organize your day. This is build using ES6 and webpack.

Built With

  • HTML CSS javascript, webpack ES6
  • linters
  • Any editor

Getting Started

To be able to reproduce this project you need to copy the repository in your local workspace. Modify this file to match your project, remove sections that don't apply. Feel free to open a pull requests for any changes. Install the node.js Initialize the package using this command npm init -y ** Install and run all the linters from this link:https://github.com/microverseinc/linters-config/tree/master/html-css-js** Launch the project using this command npm run build

Live Demo (if available)

live demo

Authors

👤 Suzana Marsela

Show your support

Give a ⭐️ if you like this project!

Contribution

Contributions and issues click are most welcome !

Acknowledgments

  • The design of this project is based from this website:click
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Comments
  • Edit update clear-out

    Edit update clear-out

    Summary

    Used pair programming to resolve and test the update function which checks whether the updated values match the input for the method declaration.

    Changelog

    [Update][Test] - added a new test parameter and aqcuired 93.44% coverage from using the --coverage condition

    opened by tinatsina 0
  • Test add and remove

    Test add and remove

    Summary

    We used pair programming in order to create a test description and conduct two tests one for removing and the other for adding elements. Also added --coverage input arguments to our test script to get valid stats on coverage.

    Changelog

    [General][Test] - Added __test__ directory for all test files

    opened by tinatsina 0
  • JavaScript best practices

    JavaScript best practices

    Suggestion to improve the code.

    • Remove all the commented lines of code

    • Remove all the console.log(). https://github.com/Suzi216/To-Do-List/blob/6f9b81fa79d8bb2f6c69b05a97aae4fe61862cbb/src/modulus/display.js#L38-L40

    • Use object destructuring to get the values from an object so it will remove the code repetition.

    • At the completechange.js file you can remove the else part code. https://github.com/Suzi216/To-Do-List/blob/6f9b81fa79d8bb2f6c69b05a97aae4fe61862cbb/src/modulus/completechange.js#L18-L27

    opened by Suzi216 0
  • TO-DO Iterative-list

    TO-DO Iterative-list

    To Do list: interactive list

    • Add event listener to the checkbox and update items object's value for completed key upon user actions.

    • Implement a function for the "Clear all completed" button.

    Store the updated array of items in local storage.

    opened by Suzi216 0
  • TO-DO-LIST Add&Remove

    TO-DO-LIST Add&Remove

    To Do list: add & remove

    For this project I have done all these requirements:

    • Created a new JavaScript files for the new functionality.

    • Implemented a function for adding a new task in the array.

    • Implemented a function for deleting a task from the array.

    • Implemented a function for editing task descriptions.

    • All changes to the To Do List are saved in local storage.

    opened by Suzi216 0
  • TO-DO-LIST

    TO-DO-LIST

    A simple html page using webpack.

    • Created an array to keep all the objects.
    • Dynamically created html elements using the javasript.
    • Created a css file to style our page.
    • Using webpack configuration.
    opened by Suzi216 0
Owner
suzana marsela
Full-Stack Developer, Stack: JavaScript | Python | C | Ruby and Rails | React Native Developer | Redux. Looking forward to new jobs and opportunities.
suzana marsela
GitHub
It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript

To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l

Zuhaib Amjad 5 Oct 9, 2022
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js

My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp

Richard Chileya 5 Nov 11, 2022
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
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
A To-Do-List app that input's a task by user and saves itself in the localStorage with a unique ID and when the task it checked as complete, user can click on clear all task to remove the task form the UI and localStorage. Built using JavaScript ES6

To Do List App It's an app in which user will be able to add tasks into the list and when completed the user can check it as complete!. Built With HTM

Satyam Sharma 3 Jul 8, 2022
A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

TO DO LISTS A Web application that lets the user add, remove and reorder to do lists Built With Html,JS,CSS Webpack and other dependencies Git, Github

Promise Okechukwu 14 Nov 1, 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
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
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Aniekan udo 10 Nov 21, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology including but not limited to HTML, CSS, JavaScript and webpack to manipulate DOM.

Jerry Owusu 2 Feb 19, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

To Do List Structure Solo programming project for module 2 week 2 of the Microverse Program. Live Demo Live Demo Link "To Do List" is a minimalist pro

Yersel Hurtado 7 Mar 5, 2022
This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list

Microverse Project To Do List This is a project being built to show the usage of webpack. Its an application were you are able to add a task to the li

Roland Ossisa Yuma 4 May 6, 2022
Module '2' Week two '2' project. The following technologies are used: HTML, CSS , Webpack, and JavaScript. Features of this app are rendered dynamically. It allows user to pinned or add task the will be doing on it. Local storage session is implemented. Task stay on app when user refresh or reload page. Task can be checked when completed.

To Do list: Description the project. Built With Major languages Frameworks Technologies used Screenshot of project Built With HTML, JAVASCRIPT, CSS, a

Evans Kupour 8 Nov 4, 2022
This is a Microverse (@microverseinc) project in which I created a To-do list using Webpack. User can add a task, delete it, edit its description, and clear the completed tasks.

Microverse To-Do list This is a Microverse (@microverseinc) project in which I created a To-do list using webpack. Requirements Build a Todo list usin

Manel Hammouche 11 Aug 3, 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
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
The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity

To Do list To do project is webpack project that list activities someone can do at a specific time In this TO-DO list, you can add or remove you activ

Joffrey NKESHIMANA 5 Jul 21, 2022
A daily activity tracking application that helps to organize your daily tasks and keep track of tasks that have been completed, or yet to be completed.

To-Do-List This is my To-Do List project in the Microverse curriculum. Built With HTML CSS Javascript (Webpack) GitHub Live Demo Live Demo Link Gettin

Hammed Adisa 8 May 7, 2022