A simple web app to manage your time and energy wisely with to do list app.

Yasir Khan

Last update: Oct 21, 2022

Related tags

Learning resource To-Do-List

Overview

To Do list

Manage your time and energy wisely with to list app.

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.

Open terminal
Clone this project by the command git clone [email protected]:myaserkhan/To-Do-list-list-structure.git
cd <clone> folder
Run npm start in your local browser or using Live Server in Visual Studio Code.

Authors

👤 Yasir Khan

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

Comments

To Do list: list structure
[ ] Set up a new project with webpack.

[ ] The index.html file set as a template using the HTML Webpack Plugin.

[ ] Created a style.css and set rules for the To Do List loaded by Webpack Style/CSS Loader.

[ ] On page load render the dynamically created list of tasks in the dedicated placeholder.
opened by myaserkhan 2
To Do list: interactive list
Add a new JavaScript file and import it as a module:

Add event listener to the checkbox (change).

Update items object's value for completed key upon user actions.

Implemented 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.
opened by myaserkhan 0
To Do list: add & remove
Remove all hardcoded items from the tasks array.

Create a new JavaScript file for the new functionality.

Implement a function for adding a new task.

Implement a function for deleting a task.

Implement a function for editing task descriptions.

By default, new tasks have the property completed set to false and the property index set to the value of the new array length.

Deleting a task updates all remaining items' indexes, so they represent the current list order and are unique.

All changes to the To Do List are saved in local storage.
opened by myaserkhan 0
Peer-to-peer code review 18/10/22
Hi @myaserkhan !!! Congratulations on the project 🎉 . You have done a great job 👍 !! But we have a few issues we can share with you to make the app better:

We think it would be helpful to add a delete button when the user clicks on a task. It is one of the requirements of the project. You can do this by creating a new function to delete a single task.

We kindly suggest that the background color of a task change while editing as it can improve the user experience.

We feel like it's better to have the update of the completed status function be a single module as it's better for making the code clearer.
opened by Samuellekpor 0
Peer to peer code review - 14/10/2022
Hello @myaserkhan, amazing work with this project 👏. I have noticed the following JavaScript good practices:

No console.logs, no alerts, no document.write or eval()

No old piece of code committed as inline comments

Strict type checks were used

ES6 syntax was followed

All js code was kept in JS files (Modules), and not in the script tag.
opened by oguntayomicheal 0
Testing To Do list: part 1
In this milestone we were able to accomplish the following:

[ ] Install babel dependency for ES6 import function and config jsdom with jest

[ ] Set-up add_delete_task.test.js file for test implementation;

[ ] Add test suit for add and remove function from the list;

[ ] Implement functions for the said tasks( add & remove) mocking the DOM local storage
opened by myaserkhan 0

A simple web app to manage your time and energy wisely with to do list app.

Related tags

Overview

To Do list

Built With

Live Demo

Getting Started

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

Comments

To Do list: list structure

To Do list: interactive list

To Do list: add & remove

Peer-to-peer code review 18/10/22

Peer to peer code review - 14/10/2022

Testing To Do list: part 1

Owner

Yasir Khan

App to manage maintenance calls. App to manage maintenance calls. This application was created for the purpose of studies.

In this project I have build a To Do List app that you can list, add, delete and manage your daily tasks better. Build with HTML, CSS, JS, ES6, JSON

This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

This app helps manage a bookstore. It comes in handy when you need to manage a personal book store or library. Entirely built on es6.

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

Simple yet powerful to-do list app to manage your daily tasks! Built with: CSS, HTML, JavaScript

🤖 An action that fetches the list of malicious domains on Discord in different providers and creates/updates a JSON file with them from time to time.

Since Polisens web queueing solution for getting a passport sucks, and it is more or less impossible to book a time, I wrote this small javascript. What it does is that it automates the searching for a bookable time. In the file you just change the constants to your information and away you go. :)

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

In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.

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.

Chronos is an ML Scheduler Tool, helping students to block and manage time with minimal manual intervention.

A to-do list website task by (@microverseinc), you can easily manage your daily tasks

"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 project is about Leaderboard list app, that allows users to add score to the list and refresh the list.

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

An app to manage tasks. A user can add, delete and edit a task and mark it as completed, It uses simple GUI and relies on DOM manipulation in pure JS and using local storage.