kanzatahreem / to-do-list

Webpack based webapp, build with JavaScript, To-do list is a tool that helps users to organize their day. It lists the things that they need to do, and allows them to add, edit, delete or mark an item as complete.

To Do List

To-do list is a tool that helps users to organize their day. It lists the things that user need to do and allows to mark them as complete. This website is built using ES6 and Webpack!

Built With

• HTML
• CSS
• JavaScript
• Webpack

Live Demo

Live Demo Link

Getting Started

To get a local copy, run the fllowing command.

• git clone [email protected]:KanzaTahreem/To-Do-List.git

Prerequisites

• node.js (10.13.0 (LTS))
• git

Install

• npm install

Usage

npm start

Authors

👤 Author

• GitHub: @KanzaTahreem
• Twitter: @kanza_tahreem
• LinkedIn: LinkedIn

👤 Author

• GitHub: @sntgopl
• LinkedIn: LinkedIn

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

to-do-list's Issues

Peer to Peer Code Review: Module 2 && Week 2

Hi @KanzaTahreem 👋

Very Good Progress so far! Here are a few things to improve upon.

1. Inside your package.json, On line 40, remove the lodash dependency. (YAGNI: You Aren't Gonna Need It.) Also in your line 2 on the index.js file.

Cheers 🥂

JavaScript Best Practices

Lengthy function: The function can be divided into smaller functions that describe the task that they perform. A function should do one functionality at a time.
Chaining: This part of the code can be updated by using the method chaining.

this.list = this.list.filter((item) => item.isCompleted !== true).forEach((task, indexOfTask) => {
      task.index = indexOfTask + 1;
  });
}

Do I follow JavaScript best practices?

• JavaScript Best Practices
• DRY, KISS, and YAGNI

DRY, KISS and YAGNI

Short-circuit Evaluation: This part of the code can be done using short circuit evaluation
For Example: return todoList || []