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

Overview

todo list

In this website you will add books and also watch the lists of books.

Built With

  • HTML
  • CSS
  • JavaScript

See Live

click here

Authors

πŸ‘€ HaaDiiii

🀝 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
  • Peer-to-peer code review

    Peer-to-peer code review

    Good job implementing the basic requirements for this project πŸ‘ 😀 πŸ‘ However, there are some additional things you can implement to make your work more user friendly.

    • The color contrast of the website can be better. Please use a color more pleasing to the eyes as this will greatly improve the user experience on your app.
    • Please make sure that your app is mobile responsive for the benefit of those that'll be viewing your web app on their mobile devices.
    opened by kendoriddy 0
  • Showlist

    Showlist

    it appears that there is more than 1 function and event listener in the showlist, they should be created in each module so the code would not look messy.

    opened by Haadiiii 0
  • Interactive list :feature

    Interactive list :feature

    Interactive LIST TODO Implementation ⏬ πŸ‘

    In this project we :

    • Added Webpack. πŸ‘
    • Added index.js file πŸ‘
    • Added Modules js for js file πŸ‘
    • Added Array of Objects for lists πŸ‘
    • ADDED (ADD, REMOVE, EDIT, CLEAR) todo Items πŸ‘ .
    • Implement ES6 πŸ‘
    • Added index.CSS style. πŸ‘
    • Added index.Html File. πŸ‘
    • Resolved Linters πŸ‘
    • Added README.md FIle πŸ‘

    πŸ˜„

    opened by Haadiiii 0
  • Add remove :feature

    Add remove :feature

    Todo List Add remove TODO Implementation ⏬ πŸ‘

    In this project we :

    • Added Webpack. πŸ‘
    • Added index.js file πŸ‘
    • Added Modules js for js file πŸ‘
    • Added Array of Objects for lists πŸ‘
    • Implement ES6 πŸ‘
    • Added index.CSS style. πŸ‘
    • Added index.Html File. πŸ‘
    • Resolved Linters πŸ‘
    • Added README.md FIle πŸ‘

    πŸ˜„

    opened by Haadiiii 0
  • Todo structure

    Todo structure

    Todo List structure Implementation ⏬ πŸ‘

    In this project we :

    • Added Webpack. πŸ‘
    • Added index.js file πŸ‘
    • Added Modules js for js file πŸ‘
    • Added Array of Objects for lists πŸ‘
    • Implement ES6 πŸ‘
    • Added index.CSS style. πŸ‘
    • Added index.Html File. πŸ‘
    • Resolved Linters πŸ‘
    • Added README.md FIle πŸ‘

    πŸ˜„

    opened by Haadiiii 0
Owner
Hamid Ali
πŸ’» Full Stack Developer πŸ‘ πŸ’― || in love with ❀️ JavaScript, Ruby on rails, React, Bootstraps || currently looking for new opportunities πŸ’―
Hamid Ali
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

todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v

divine charlotte 25 Jan 3, 2023
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

IBRAHIM AHMAT 7 Aug 4, 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
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
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 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

Amira 7 Mar 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
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 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

Karla Delgado 15 Sep 26, 2022
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

Alex Puente 7 Nov 9, 2022
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
Grayce Muthui 8 Jun 16, 2022
Richard Chileya 5 Nov 11, 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 project is a To-do list app which users can store and edit their Todo Tasks. Users can also change the order of their todo

Project This project is about a todo app bundling using webpack Additional description about the project and its features. Built With HTML CSS Javascr

Richmond Adu-Kyere 2 Jun 17, 2022
ToDoList app helps users make their day organized and user can add tasks, delete completed tasks.Build with Javascript, HTML, CSS

ToDoList Description the project. This project we will help you organize your day. Add tasks Delete tasks And clear all tasks keep your list clean. Bu

Nurgul Kereikhan 6 Oct 11, 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

Gabriel Santo 3 Jun 25, 2022