TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Ishmael Kargbo

Last update: May 12, 2022

Overview

Todo

TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

App Screenshot

Live Demo

Todo App

Built With

HTML and CSS
ESLint
Webpack
JavaScript

Getting Started

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

Clone this repository to your local machine git clone https://github.com/IshmaelKargbo/todo-list.git
Go to the project filder cd todo-list
Install the required dependency npm install or yarn install
Run the app on development server npm run server or yarn serve
Build the production ready app npm run build or yarn build

Authors

👤 Ishmael Kargbo

GitHub: @githubhandle
Twitter: @twitterhandle
LinkedIn: LinkedIn

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

Comments

Testing To Do list: part 2
[ ] Use jest framework for testing.

[ ] Create a test file(s) ([..].test.js) for a file(s) containing the following functions: - a function for editing the task description. - a function for updating an item's 'completed' status. - the "Clear all completed" function.

[ ] Use the mock storage object you have created in Part 1 of this project to mock the localStorage updates.

[ ] Mock the HTML elements to test DOM manipulation functions.

[ ] Make sure you group your tests using the describe() method.
opened by BouaikIlham 0
Todo-List Testing
[ ] Use jest framework for testing.

[ ] Create a test file ([..].test.js) for a file containing the add item and delete item functions that you want to test.

[ ] Mock a storage object to "imitate" localStorage operations (only if you are using jest < 24.x, in newer versions localStorage is mocked automatically).

[ ] Mock HTML to test if add/delete functions add or remove exactly one
element to/from the list in the DOM.

[ ] tests using the describe() method.
opened by BouaikIlham 0
Toggle Completed and clear all completed todo
In this branch I worked on:

Add 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).

Store the updated array of items in local storage, so the user gets the correct list values after the page reloads.

Please review and give your comment and feedback
opened by IshmaelKargbo 0
Add more feature to the todo app
In this branch I worked on:

Add todo to the store

Toggle the todo state from edit to normal or normal to edit

Edit and update the previous todo that is been edited

Remove a todo from the store

Please review and give your comments and feedback Thanks 😄
opened by IshmaelKargbo 0
Todo project requirement
In this branch I worked on this requirement:

I setup webpack and serve my project with webpack server

I create a todo class, a todo-store class

I implement the add todo feature Please review and give your comments and feedback
opened by IshmaelKargbo 0
todo list code review

Good job so far but I noticed you have NPM and Yarn package managers running on the project, which could cause some issues, during deployment and future collaborations, kindly work with one package manager.

opened by kamzzy 1

TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Related tags

Overview

Todo

App Screenshot

Live Demo

Built With

Getting Started

Authors

🤝 Contributing

Show your support

Comments

Testing To Do list: part 2

Todo-List Testing

Toggle Completed and clear all completed todo

Add more feature to the todo app

Todo project requirement

todo list code review

Owner

Ishmael Kargbo

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

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 is a simple website that displays a list of books and allows you to add and remove books from that list

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

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" app is a simple web application that displays a list of task and allows you to add and remove task from that list

"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

Awesome Books is a basic website that allows users to add/remove books from a list (including the title and author). It has threee different sections: 1. books list, 2. add new book, 3. contact.

This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.

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.

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

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

A simple task manager that allows that allows users to add, remove and modify tasks from a list.

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.

DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode

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.