A simple App for creating, deleting and Updating To Do lists.

Kasaija Kenneth

Last update: Oct 18, 2022

Related tags

Learning resource To-Do-List

Overview

To-do-list-demo:

Add & Remove

Learning objectives

Use webpack to bundle JavaScript.
Learn how to use proper ES6 syntax.
Use ES6 modules to write modular JavaScript.

Description

Implement the CRUD (create, read, update, delete).

Milestone completed:

Implement a function for adding a new task
Implement a function for editing a task
Implement a function for deleting a task
All changes to the To Do List should be saved in local storage
Add interactive check buttons
Add event listener to the checkbox (change).
Implement a function for the "Clear all completed" button (use filter() method).

Language Used

HTML
CSS
ES6

Live Demo

Click here for live preview

Getting Started

In order to use the project files, Kindly follow these steps:

Steps

Install node.js, Install NPM linters for HTML/CSS/JS: html,css & js linters
For StyLint test, run: npx stylelint "**/*.{css,scss}"
For WebHint test, run: npx hint .
For EsLint test, run: npx eslint .

Prerequisites

Have basic level knowledge about HTML/CSS/JS and ES6
Have basic level knowledge about linters
Have basic level knowledge about the working of website

Author

Kasaija Kenneth

Github Twitter LinkedIn

🤝 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

Task provided by Microverse

📝 License

This project is GENERAL PUBLIC LICENSE.

Comments

Peer to peer code Review
[x] Implement a function for adding a new task

[x] Implement a function for editing a task

[x] Implement a function for deleting a task

[x] All changes to the To Do List should be saved in local storage

[x] Add interactive check buttons

[x] Add event listener to the checkbox (change).

[x] Implement a function for the "Clear all completed" button (use filter() method).
opened by Kasaija-Kenneth 4
Interactive check button
[x] Implement a function for adding a new task

[x] Implement a function for editing a task

[x] Implement a function for deleting a task

[x] All changes to the To Do List should be saved in local storage

[x] Add interactive check buttons

[x] Add event listener to the checkbox (change).

[x] Implement a function for the "Clear all completed" button (use filter() method).
opened by Kasaija-Kenneth 1
To Do List: Add & Remove
[x] Implement a function for adding a new task

[x] Implement a function for deleting a task

[x] All changes to the To Do List should be saved in `local storage
opened by Kasaija-Kenneth 0
To-Do-List: List structure
[x] Create a Github project Repo

[x] Clone Repo

[x] Project setup ,. from Basic Setup to NPM Scripts.

[x] Setting up HtmlWebpackPlugin

[x] Add html template

[x] Add css

[x] Setup local dev server

[x] Create an empty To Do List placeholder

[x] Set an array of some simple to do tasks

[x] Write a function to iterate over the tasks

[x] On page load, render the dynamically created list of tasks in the dedicated placeholder
opened by Kasaija-Kenneth 0
Peer to peer code review
Great work done with the entire application 👍

I think you can provide a cool descriptive variables name e.g checkBox.

Please kindly remove the console.log to make your cools look good.

we suggest you create your variables globally because you were repeating it.
opened by anyepeter 0

A simple App for creating, deleting and Updating To Do lists.

Related tags

Overview

To-do-list-demo:

Add & Remove

Learning objectives

Description

Milestone completed:

Language Used

Live Demo

Getting Started

Steps

Prerequisites

Author

Kasaija Kenneth

🤝 Contributing

Show your support

Acknowledgments

📝 License

Comments

Peer to peer code Review

Interactive check button

To Do List: Add & Remove

To-Do-List: List structure

Peer to peer code review

Owner

Kasaija Kenneth

ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks

A simple app that helps a user monitor daily activities by adding, storing and deleting activities.Built with HTML,CSS and JavaScript

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

Ordered lists, flat or nested, multiple formats ordered lists.

Google Chrome release and version info as JSON (self updating)

LiveJSON provides LiveView-like updating for JSON objects rather than DOM elements.

A library for updating your immutable state in JavaScript applications.

This is a demo of updating a map to show air quality data for the user’s current location using Next.js Advanced Middleware, powered by Netlify Edge Functions.

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.

A simple NEXT.js app that lists NFTs within a contract address from a Buildable Flow.

A to-do list app is a productivity tool designed to help users to create and maintain lists of tasks that they need to complete and it allows user to edit their tasks even after the task is saved. Built with CSS, HTML, and JAVASCRIPT.

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. I build a simple website that allows for doing that, and I do it using ES6 and 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 mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!

This is the version to be reviewed - "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. A simple website that allows for doing that, and built using ES6 and Webpack!

It is an app that allows you to create lists of books and authors made in the course of Microverse. This project was develop using JavaScript, HTML and CSS.