A simple application used to organize your day to day activity. Tasks can be added and removed from this list.

Related tags

Learning resource javascript html5 css3
Overview

Minimalist ToDo List

A minimalist list of TODOs.

Built With

  • HTML, CSS, JavaScript
  • Webpack
  • Jest
  • NPM
  • Node

Getting Started

In order to obtain a local copy of this repository run:

  • git clone https://github.com/BucurEva87/to-do-list.git
  • cd to-do-list

Prerequisites

  • Install Node and Node Package Manager (NPM)
  • Install all the project dependencies running npm i

Running tests

  • You can run test suites on this project by running npm test

Live Demo

Live Demo Link

Live Preview

Live Preview

Authors

👤 Bucur Liviu-Emanuel (Eva-Lavinia)

🤝 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!

📝 License

This project is MIT licensed.

Comments
  • Add tests for edit, update and clearAll behaviour on methods

    Add tests for edit, update and clearAll behaviour on methods

    • Added tests for update() (both for editing descriptions and changing completed status) method and mimicking the clearAll button push
    • Checking if update() method correctly renames a task in the Tasks array
    • Checking if update() method correctly renames a task in the LocalStorage
    • Checking if update() method correctly updates the completed status of a task in the Tasks array
    • Checking if update() method correctly updates the completed status of a task in the LocalStorage
    • Checking if by pushing the clear all completed button all the completed tasks are removed from the Tasks array
    • Checking if by pushing the clear all completed button all the completed tasks are removed from the DOM element
    • Checking if by pushing the clear all completed button all the completed tasks are removed from the LocalStorage
    opened by BucurEva87 0
  • Add and delete tests

    Add and delete tests

    • Added tests for addTask() and remove() methods
    • Checking if addTask() method adds a task to the array of tasks in the Tasks instance
    • Checking if addTask() method adds a task in the DOM ul element
    • Checking if addTask() method adds a task to the localStorage
    • Checking if remove() method removes a task from the array of tasks in the Tasks instance
    • Checking if remove() method removes a task from the localStorage
    opened by BucurEva87 0
  • Add clear all completed tasks functionality

    Add clear all completed tasks functionality

    Tasks can be marked as completed. Completed tasks can be deleted in bulk (filter was used to separate them from the non-completed tasks). LocalStorage keeps track of the completed state of the tasks as well.

    opened by BucurEva87 0
  • Todo list

    Todo list

    Created TODO list able to handle adding, removing, correctly ordering (by index) tasks (regardless of the order in which they are declared in the data file). Also keeps track of how many tasks there are in it.

    opened by BucurEva87 0
  • peer to peer code review

    peer to peer code review

    Acknowledgment

    Code is well written, well-structured, Implementation is really to the point and beyond. Has taken care of everything. :clap: :clap:

    Suggestion

    • I suggest increasing the overall font or size of the list will help see it more clearly.
    opened by shella12 0
  • peer to peer code review

    peer to peer code review

    • well done on implementing all the project requirements
    • suggestion: instead of using the reverse function at line 71 of /edit-update-clearAll.test.js file, you can redistribute new indexes each time an item is deleted
    opened by Khanetmoi 0
Owner
Eva Lavinia Bucur
Full-stack developer. JavaScript enthusiast, Ruby militant. React and Redux programmer Chess player during the night Looking for new opportunities to evolve.
Eva Lavinia Bucur
GitHub
Todo-List is an online website where users can add a todo tasks. tasks can be removed , added, and edited. Built with Webpack and JavaScript.

To-do List Description To-do-list is an online website where users can add a todo tasks. tasks can be removed , added, and edited.Built with Webpack a

tarike bouari 9 Sep 9, 2022
A Single Page Application featuring a medium fidelity wireframe of a to-do-list app that stores tasks that are added and which can be deleted. The tasks can be checked, unchecked or edited. Built mainly with JavaScript and strict ES6 features. Bundled with webpack.

To-Do-List In this "To-Do-List" project, I created the basic structure of a page single page application with HTML, CSS and javascript, using the webp

amon-cofie 6 Oct 7, 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
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
Awesome-book is an online library website where a user can store a collection of books. Different book can be added and removed. Built with JavaScript using Dom

Awesome-book Description Awesome-book is an online library website where a user can store a collection of books. Differents book can be added and remo

tarike bouari 8 Sep 9, 2022
To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease.

TODO-LIST To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease. Additional description a

Steve 12 Jul 22, 2022
This is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This was a continuous project, where in each milestone, new feature(s) was/were added to it.

Awesome Books This is an Awesome Books web page where a user can add or remove books from the site. It also displays a list of the books that are adde

Esther Udondian 6 Aug 1, 2022
Simple string diffing. Given two strings, striff will return an object noting which characters were added or removed, and at which indices

Simple string diffing. Given two strings, striff will return an object noting which characters were added or removed, and at which indices

Alex MacArthur 196 Jan 6, 2023
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 project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an

Grayce Muthui 8 Jun 16, 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
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
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
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
An interactive app that allows adding, editing and removing tasks of a to-do list. Drag-and-drop featured added. Webpack was used to bundle all the Js modules in to one main Js file.

To-do List A to-do list app This app let you to set your own to-do list. Built With HTML CSS JavaScript WebPack Jest Live Page Page Link Getting Start

Kenny Salazar 7 May 5, 2022
ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks

TODO List App "To-do list" is a WebApp tool that helps to organize your day. It simply lists the tasks that you need to do and allows you to mark them

Adel Guitoun 8 Oct 18, 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
A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca

Micheal Oguntayo 4 Oct 13, 2022