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.

Related tags

Learning resource javascript css html
Overview

todo

Description the project. "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!

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack
  • Linter

Live Demo (if available)

Live Demo Link

Getting Started

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

  1. Open your terminal and navigate to the folder you would like to put these files.
  2. Type these commands into the terminal:

Run Tests

To run tests follow these steps:

  1. Open your terminal and navigate to the todo directory.
  2. Type these commands into your terminal:
  • npm install --save-dev jest
  • npm run test

Authors

👤 Author1

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

You might also like...

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

Oct 9, 2022

This is a website for a simple to do list, where you can add and remove tasks, edit and reorder them as you see fit.

This is a website for a simple to do list, where you can add and remove tasks, edit and reorder them as you see fit.

To-Do-List This is a website for a simple to do list, where you can do the following: Add the tasks you want to do. Remove any tasks you finished alre

Apr 6, 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

Apr 11, 2022

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

Jan 3, 2023

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

Sep 9, 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 is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H

Jul 21, 2022

Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript

Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to

Dec 3, 2022

This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

Jun 7, 2022
Comments
  • Add and remove items from list

    Add and remove items from list

    • Removed hardcoded items from array
    • Created new JavaScript files for new functionality
    • Implemented functions for adding new tasks, removing tasks, and editing task descriptions
    opened by emyrue 0
  • Add functionality

    Add functionality

    Code is clean, you guys nailed it :-) It would be even nicer if you add 2 functionalities: 1 - When the checkbox is clicked, the text style 'line-through' is applied to the task description 2 - When the button 'add-task' is clicked, a new task is added.

    opened by mrjuda 0
  • Best Practices

    Best Practices

    DRY

    • add.js lines 10-11, 17: simply use 'more' in line 17

    KISS

    • no problems found currently

    YAGNI

    • add.js lines 8-9 unnecessary
    • edit.js lines 3-4 unnecessary

    HTML

    • no problems found currently

    CSS

    • style.css line 68: 'trash' selector unnecessary
    opened by emyrue 0
  • Code review

    Code review

    Reviewers: @dewslyse @fed1k @zkr024 Project owner: @emyrue

    👍 The project is working properly. 👍 Is organized and in modules. 👍 Clear and easy to read.

    -Could add some folders to store the images. -Could also store the js files in a module folder.

    opened by zkr024 0
Owner
Emily Robertson
Hello! I am Emily Robertson, an aspiring web developer. I am certified in HTML and CSS and am open to new opportunities.
Emily Robertson
GitHub
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
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.

Tumaini Maganiko ?? Table of Contents ?? Table of Contents ?? To Do List PROJECT ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started

Tumaini Maganiko 7 May 9, 2023
This project is a web application that enables users to add, edit and remove tasks they intend to perform. Built with JavaScript, HTML, and CSS.

TO DO List Unit testing using jest Create the to-do List project with webpack. Ultimately, the user should be able to add an item and delete the item

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

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. B

Josphat Kiploman 7 Sep 16, 2022
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 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.

Tufahel Ahmed 5 Apr 8, 2022
This a To-do app in wich the user can add, remove and edit tasks. The app was build using HTML, CS, JavaScript and Webpack.

To Do List This a To-do app in wich the user can add, remove and edit tasks. The app was build using HTML, CS, JavaScript and Webpack. Built With HTML

Fernando Salas 16 Jun 30, 2022
"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.

Awesome Books Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i

Fatima Ezzahra elmenoun 5 Jan 28, 2022
A to-do list set up using webpack. It allows the user to add, remove, edit and check items on the list. All the data is saved in local storage.

Project Name: Webpack-Project: To-Do-List Description of the project: A simple to-do-list app created using webpack. Built With Major languages: HTML

Tracey Kadenyi 7 Aug 5, 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