To Do List application that allows to add, list and remove tasks. Developed using Javascript.

Related tags

Learning resource html-css-javascript
Overview

to-do-list

To Do List exercise - Module 2 - Week 2 - Microverse Program

Module 2, Week 2 - To Do List - List structure - Project 1

Continuing work for Microverse Program -Awesome Books Project for Module 2 on Microverse Program - Week 2

Images & Video

Images

screenshot

Built With

  • HTML
  • CSS
  • Webhint
  • Stylelint
  • ESlint

Getting Started

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

Pre-requisites

  • Knowledge on basic html and css
  • Text Editor (VScode, Atom, Sublime text, etc)
  • Basic knowledge of node.js

Setup

  • clone repository using git clone
  • run npm install
  • run live server

Github page for this project

Authors

👤 Author

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used as inspiration.

📝 License

This project is MIT licensed.

You might also like...

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.

This

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

Nov 21, 2022

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

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 This project its an interactive list of task where you can add and remove tasks dinamically Project Images Add new Tasks Edit Existing Task

Nov 9, 2022

A to do list where you can add tasks, mark completed tasks and clear all completed tasks.

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

Mar 4, 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

Sep 26, 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

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.

Feb 19, 2022

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.

To-Do List This is a to-do list application. Built With Languages: HTML5 & CSS3 JavaScript Preprocessors: Sass Technologies: Webpack Conventions and M

Jun 25, 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

Aug 4, 2022

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

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

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

Apr 8, 2022

"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application with JavaScript, the website is more interactive!

Awesome-books Description "Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By

Oct 18, 2022
Comments
  • Code Review

    Code Review

    Peer to Peer Code Review Module 2 Block 3

    Seeing such an attractive website makes the user experience very impressive. All the functions perform really well, especially when a task has completed the line through the task makes it look amazing. Like every code, this repository can be improved with the following suggestions:

    1. Before adding a new task it would be better to check if the input field is empty or not. Handling this issue it would be ensured that no empty task is added to the Todos list.
    2. Refactor storage() function: Use the advantage of anonymous function and as the code is just a single line the Flower Brackets can be removed.
    3. It's better to use the event listeners inside the window.load event. This would make sure that the events are attached after the document is loaded and no events remain unassigned. https://github.com/fernando-silvabr66/to-do-list/blob/daf0312bbf64ee737c004996d32d96decf6f695c/src/index.js#L9-L11
    4. The function displayAllTodos() is working well, but it can be refactored to improve code readability.
    5. Instead of reloading the window the list can be completely revamped which would improve the user experience with the list.
    6. https://github.com/fernando-silvabr66/to-do-list/blob/daf0312bbf64ee737c004996d32d96decf6f695c/src/listTodo.js#L7 I suggest using the while function to delete content from HTML. It will improve the speed of this task and your code will look professional.
    7. I think it’s better if a new task will be added below to the previous task.
    opened by Saadat123456 1
Owner
Fernando Silva
Full-Stack Developer, Computing Engineer, and IT Specialist. Open for new job opportunities
Fernando Silva
GitHub
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
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 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!

To Do List a to do list javascript app buit using webpack and es6. Built With HTML CSS JavaScript Wepack Live Demo (if available) Live Demo Link Getti

Aron 8 Dec 17, 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
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 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 task manager that allows that allows users to add, remove and modify tasks from a list.

TO-DO LIST TO-DO LIST is a basic app that allows users to add/remove task from a to-do list. Built With HTML, CSS, JavaScript, Live Demo Live Demo Lin

Shingirai Bhengesa 3 May 3, 2022
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 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
In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Emem Ekpo 7 Sep 9, 2022