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.

Related tags

Learning resource to-do-list
Overview

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.

todo

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

  • Get a github account
  • Install gitbash
  • Use your favorite IDE

Setup

  • Clone this GitHub repository link to your local machine.
  • CD into folder name.
  • On the terminal, run "npm install" to install the dependencies.
  • Finally, run "npm start" to open the app in your Web Browser.

Authors

🤝 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
  • Interactive Branch

    Interactive Branch

    Hello Microverse Team In this branch I:

    • Added event listener to the checkbox (change)
    • Update items object's value for completed key upon user actions.
    • Implement a function for the "Clear all completed" button (use filter() method).
    • Fixed linters issues

    Cheers and Happy coding!👏 💻

    opened by LuisSalas94 0
  • Add & Remove and Edit features Branch

    Add & Remove and Edit features Branch

    Hello Microverse Team In this branch I:

    • Added Add functionality
    • Added Remove functionality
    • Added Edit functionality
    • Added Local Storage

    Cheers and Happy coding!👏 💻

    opened by LuisSalas94 0
  • To do List

    To do List

    Hello Microverse Team In this branch I:

    • Added HTML markup
    • Added JavaScript features
    • Added CSS styles
    • Modified README file
    • Fixed linters issues

    Cheers and Happy coding!👏 💻

    opened by LuisSalas94 0
  • Peer to peer code review

    Peer to peer code review

    Good job @LuisSalas94 and @franciscoPonceDev! :100:

    Congratulations on working hard to test your project.

    Things we liked:

    • Professional commits

    In order to improve your project, we have some suggestions:

    • You can shrink your code at todoTestPart2. You repeated that same logic as at addRemovetest.js. You can export it at addRemovetest.js to todoTestPart2.js
    • Please, change the height of the input to the same as its parent container
    • Kindly, improve the mobile version because the list is overflowing the device width.
    opened by leopiresgoss 1
  • Peer to peer code review

    Peer to peer code review

    Hi Fernando and Francisco, you did a great job on writing the tests 💯

    We liked the way you structure the files, it is DRY, KISS and YAGNI. 🔥

    Congratulations 😎

    opened by estebanmual 0
  • JavaScript Best Practices

    JavaScript Best Practices

    Try to follow JavaScript Best Practices https://github.com/LuisSalas94/to-do-list/blob/3c75942a97fd823ff8ed2a0850398cf753235c00/src/modules/createTodo.js#L64 https://github.com/LuisSalas94/to-do-list/blob/3c75942a97fd823ff8ed2a0850398cf753235c00/src/modules/createTodo.js#L40 https://github.com/LuisSalas94/to-do-list/blob/3c75942a97fd823ff8ed2a0850398cf753235c00/src/modules/createTodo.js#L64

    opened by LuisSalas94 0
  • Peer to peer code review

    Peer to peer code review

    Hello @LuisSalas94 :smiley:

    Great work and effort you have put into this project so far.

    Highlights :+1:

    • Good use of Semantic HTML concepts. :100:
    • Descriptive commit messages. :100:
    • Webpack and linters runing fine :100:
    • Good implementation of JavaScript classes and methods. :100:

    Changes Required :recycle:

    Please check the comments below.

    • Please update your readme file with instructions on how to deploy/run it on a local machine.
    • Please try using commit messages as opposed to comments.
    • Please add the height size of your input tag.

    You should know there is always room for improvement. Your long hours of work are very much appreciated. However, the code review process is for improving your code, not for criticizing it.

    opened by Obote 0
Owner
Fernando Salas
Full-time student at @microverseinc, Full-Stack software developer. Stack: HTML,CSS, JavaScript & React. Currently looking for new opportunities.
Fernando Salas
GitHub https://luissalas94.github.io/to-do-list/
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 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
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
Simple To-do list build using HTML5, CSS3, JavaScript and Webpack. You can add new tasks, remove and edit them.

Simple To-do list build using HTML5, CSS3, JavaScript and Webpack. You can add new tasks, remove and edit them.

Esteban Munoz 6 Mar 5, 2022
A Minimalist to do list website where user can add, remove and edit multiple tasks and All the changes user makes in his to do list is saved in browser local storage so that it can be accessed later.

Testing for Add Remove function in To Do List App Jest framework is used for testing. Created (addremove.test.js) for a file containing the add item a

Krishna Prasad Acharya 8 Aug 15, 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
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
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 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
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
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
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
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
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
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 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
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
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
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.

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

Emily Robertson 8 Jul 23, 2022