This is a web application that enables users to add, edit and remove tasks they intend to perform. Built with JavaScript, HTML, and CSS.

Last update: Sep 16, 2022

Related tags

Overview

TODO LIST

It list everything that you have to do, with the most important tasks at the top of the list, and the least important tasks at the bottom. By keeping such a list, you make sure that your tasks are written down all in one place so you don't forget anything important.

Built With
HTML
CSS
JAVASCRIPT
WEBPACK

Getting Started

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

Live demo

Click here for @Live Demo

Setup

To use this project copy the code SSl link othe repository

Run Jest Locally

Install dependencies

  npm install --save-dev jest

Add this file to package.json

 {
  "scripts": {
    "test": "jest"
  }
}

Run

  npm run test

Usage

You can use the project for learning, know how codes are arranged in Html , javascript and Css

Deployment

Go to setting on your github repo
go to pages
Deploy pages
change the branch to main and save

Authors

@Josphat Kiploman

Authors

@Safar Ali

🤝 Contributing

Clone repo and create a new branch: $ git clone [email protected]:Josphat205/work-todo-list.git.
Make changes and test
Submit Pull Request with comprehensive description of changes

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Comments

Unit testing part 2
This is how we tested out the project

[x] Used jest framework for testing

[x] Added the function for editing

[x] Added a function for updating completed

[x] Added a function for testing clear all

[x] Used mock storage object

[x] used describe to group test
opened by Josphat205 1
Daily Todo List
This is the upgrade that I made in my project

Added a method to change status of checked to true and unchecked to false

Added event listener to the checkbox

Updated items object's value for completed key upon user actions

Implemented a function for the "Clear all completed" button

Stored the updated array of items in local storage
opened by Josphat205 0
Daily Todo list
** This is how i developed my project**

Added a function for adding a new task

Added a function for deleting a task

Added a function for editing task descriptions

Deleting a task should update all remaining items' indexes

Saved all changes to the local storage
opened by Josphat205 0
HTML and CSS best practices
Highlights

[ ] Used the appropriate tags for each element.

[ ] Avoided too long lines of codes

[ ] All HTML tags closed

[ ] Lowercase used for elements and attribute names

[ ] Used space-less equal signs.

[ ] No use of inline styles, styling is done in a different file

[ ] Use of the class attribute for multiple elements

[ ] No commit of old pieces of code as inline comments
opened by Josphat205 0
Self-assessment code review
Javascript Best Practice

[x] Keep all the JavaScript code in JS files.

[x] No commit of console.log to your repo.

[x] No use of window.alert() or window.confirm().

[x] No use of document.write or eval

[x] Node_modules dir added to your .gitignore file.

Issues found

[ ] Remove commented codes between the codes 47, this will make your work look dirty
opened by Josphat205 2

This is a web application that enables users to add, edit and remove tasks they intend to perform. Built with JavaScript, HTML, and CSS.

Related tags

Overview

TODO LIST

Getting Started

Live demo

Setup

Run Jest Locally

Usage

Deployment

Authors

Authors

🤝 Contributing

Show your support

Comments

Unit testing part 2

This is how we tested out the project

Daily Todo List

This is the upgrade that I made in my project

Daily Todo list

** This is how i developed my project**

HTML and CSS best practices

Highlights

Self-assessment code review

Javascript Best Practice

Issues found

Owner

Josphat Kiploman

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

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.

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.

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.

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.

Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack

This project is basically a to-do list application based on JavaScript, HTML, and CSS. Where we can add, remove and edit tasks.

This website utilizes JavaScript, HTML, and CSS to allow the user to create a to-do list that they can add to, remove from, and edit.

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.

A simple To-Do List app built using JavaScript, where users can add, edit and remove tasks from the list as well as marking them as completed.

A simple todo list app that allows users to add, delete, edit, and clear all completed tasks, built with HTML, CSS, Javascript and webpack.

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

An interactive list of tasks where you can add, remove, edit, mark as completed and clear all done tasks. Tested with Jest.

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.

A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. You can add, remove, check tasks, and remove all the tasks that were done at the same time. Feel free to see the live version, if you like it please give it a star!

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.

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.

This is how i developed my project