hamidazim321 / to-do-list

To-Do List application, allows users to stored their daily chores in a list, clear completed items. Stores user's data in Local Storage on browsers so that data retains even when browser is closed

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
    • live-demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [Awesome Books ES6]

To-do list is a project in Module 2 of Microverse Full Stack Program. It allows users to keep a list of things and add and remove from the list. To-do list is build using new ES6 features and Webpack as bundler.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• JavaScript

Server

• N/A

Database

• N/A

Key Features

• Allows users to add and remove thing from the to-do list

(back to top)

Live Demo

• live

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need: Have A code Editor on your local machine

Example code editor: Visual Studio Code

Setup

Clone this repository to your desired folder:

Example commands:

cd my-folder git clone [email protected]:myaccount/my-project.git

Install

Install this project with:

cd my-project npm install

Usage

To run the project: npm start

Run tests

To run tests, run the following command:

npm test

Deployment

You can deploy this project using Github Pages

(back to top)

👥 Authors

👤 Hamid Azim

• GitHub: @hamidazim321
• Twitter: @hamidazim321

👤 Mohammed roshdy

• GitHub: @hamidazim321

🔭 Future Features

• [Will try to add some more user interactivity using JS]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project feel free to clone it and use it in your own projects and follow the author on Twitter

(back to top)

🙏 Acknowledgments

• I would like to thank Microverse for the opportunity to learn among great aspiring developers

(back to top)

📝 License

This project is MIT licensed.

(back to top)

to-do-list's Issues

KISS, DRY, YAGNI and JavaScript best practices issues in the code

Object destructuring could be used for the item.index to not repeat item.index multiple times and make it more readable(DRY, JS best practices)
https://github.com/hamidazim321/To-do-list/blob/7c47b898acf17134a734be36b74e171ae755a5fc/src/Modules/RenderList.js#L27C1-L29C28

The following statements could be performed using a single statement below(DRY, KISS)
li.append(checkBox, label, icon);
https://github.com/hamidazim321/To-do-list/blob/7c47b898acf17134a734be36b74e171ae755a5fc/src/Modules/RenderList.js#L32C4-L34C26

Peer-to-peer Code Review

Hi @hamidazim321

Highlights 🟢 :

Good use of functions and use of ES6.
Good use of modules

There are a few suggestions that may improve your code:

• The code is not DRY and we suggest that you can use localStorage function for add and delete modules so your code will look great.
• When you add or remove an item your page should not refresh.

Cheers and Happy Coding! 😄

To Do List Issue

Good job so for but you need to work in this part :
The live demo part should not be nested within the built with list .