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.

Last update: Nov 21, 2022

Related tags

Overview

To-do-list

"To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list.

Built With

HTML & CSS & JavaScript
Html & Css linters

Live Demo

Click here [https://anny85-code.github.io/to-do-list/dist/]

Getting Started

clone the repository by running
git clone https://github.com/Anny85-code/to-do-list.git
navigate to the folder
cd to-do-list
Install packages
npm install webpack install npm start

Author

👤 Aniekan udo

GitHub: @Anny85-code
Twitter: @Annyudo8
LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

Comments

Add testcases for add and remove to-do list functions
In this PR, we have implemented a test case for addToDo and removeToDo list functions. The following files are added to the project:-

app.test.js this is the file in which we put our tests for adding and removing functionality of the to-do list project.
opened by tariktesfa 2
To-do-list

In this first milestone of the to-do-list project I; -Initialized the webpack -Added the configuration -Added Html plugins -Created HTML, CSS, and javascript files for this project.

opened by Anny85-code 1
Interactive list

In this milestone I; -Created a new interact.js file. -Created the completeToDo and the clearAll functions in the interact.js file and exports the functions. -Created and implemented eventListeners for the two functions. 💯

opened by Anny85-code 0
Peer-to-Peer Code Review
Congratulations of the wonderful work you did on the project. 💯

[x] Codebase is well structured and clean. 😃

[x] Applied HTML, CSS and JavaScript best practices. 👍

[x] Code is clear and well documented. 🥇

Suggestions:

We think it would be nice to remove the unused export in app.js to make it YAGNT.

We suggest that you use object destructuring, optional parameters and default parameters in this function to make it easy to track many parameters.

We think it would make the code cleaner if you remove the comments in your code base.

We suggest that you use a class or function for fetching the local storage data as well as setting it. This would make the code DRY.
opened by AdornChoga 0
JavaScript best practices.
@ Hi Anny85-code ,

Congratulations on your efforts to complete this project. ㊗️ 🥂 However, there are a few issues you may want to fix to spice up your work professionally,

I would suggest you add descriptive comments to all your JavaScript files for proper readability to other programmers who may visit your code in the future.

In index.js file, in line 8 to 9, I would suggest that every declared variable should be initialized.

Happy coding
opened by Anny85-code 0
DRY, KISS, and YAGNI rules
@ Hi Anny85-code ,

Congratulations on your efforts to complete this project. ㊗️ 🥂 However, there are a few issues you may want to fix to spice up your work professionally,

In line 20 to 48 in your style.css, I would suggest you also apply DRY methodology, by adding an additional class to each item and using one property for all similar classes instead of repetition.

-In your style.css file, from line 15 to 17, the proper implementation of the DRY methodology is to use CSS shorthand for the styling.

In the index.js file, I would suggest you use descriptive comments in all your code blocks for proper explanation to other developers who may visit your code in the future.

In line 41 to 42 and also in line 8 to 9 of interact.js file, instead of repetition, I would suggest you use List.filter().map().

Happy coding 🥂 👍
opened by Anny85-code 0
HTML and CSS best practice
@ Hi Anny85-code ,

Congratulations on your efforts to complete this project. ㊗️ 🥂 However, there are a few issues you may want to fix to spice up your work professionally,

In your index.html file, from line 14 to 18, I would suggest you use HTML5 semantic element syntax for the header section. you can refer to this link for more information.

In your style.css file, from line 15 to 17, for best CSS practices I would suggest you use CSS shorthand for the styling.

Happy coding 🍾
opened by Anny85-code 0

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.

Related tags

Overview

To-do-list

Built With

Live Demo

Getting Started

Author

🤝 Contributing

Show your support

📝 License

Comments

Add testcases for add and remove to-do list functions

To-do-list

Interactive list

Peer-to-Peer Code Review

JavaScript best practices.

DRY, KISS, and YAGNI rules

HTML and CSS best practice

Owner

Aniekan udo

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

A To-Do-List app that input's a task by user and saves itself in the localStorage with a unique ID and when the task it checked as complete, user can click on clear all task to remove the task form the UI and localStorage. Built using JavaScript ES6

This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list

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

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

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

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!

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

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

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

This is a simple web app that allows a user add list of tasks that needs to be completed. It is built using webpack and served by a webpack dev server.

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.

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.

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