To Do list

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Microverse Student
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 [To Do list]>

[To Do list] The goal of this project is to build a simple HTML list of to Do task.

🛠 Built With

By Microverse Student, Alexis

Client

• HTML
• CSS
• JavaScript
• Visual Studio

Server

• Webpack

Database

• Comming soon

Key Features

• [Set the project with webpack.]
• [Create an index.html file and write your HTML markup here.]
• [Create an empty To Do List placeholder. The index.html file must be set as a template using the HTML Webpack Plugin.]
• [Create an index.js file and set an array of some simple to do tasks (array of objects).]
• [On page load render the dynamically created list of tasks in the dedicated placeholder. The list should appear in order of the index values for each task.]
• [Implement a function for adding a new task (add a new element to the array).]
• [Implement a function for deleting a task (remove an element from the array).]
• [Implement a function for editing task descriptions.]
• [By default new tasks should have the property completed set to false and the property index set to the value of th new array length (i.e. if you're adding a 5th task to the list, the index of that task should equal to 5).]
• [Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique(i.e. if you're deleting the first task index 1 from the list, the index of the next task(2) should set to 1).]
• [All changes to the To Do List should be saved in local storage.]
• [Create a style.css and set rules for the To Do List. CSS must be loaded by Webpack Style/CSS Loader.]
• [The distribution files will be generated by webpack and served by webpack dev server from /dist folder.]
• [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.]
• [Open a pull request.]

(back to top)

🚀 Live Demo

• Live Demo Link

(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:

If you don't have git installed on your machine you can download it from here.

Setup

Clone this repository to your desired folder:

Once you have git installed on your machine you can clone your project by running the command below to clone your project to your local machine

git clone <https://github.com/AlexisJW/to-do-list-structure.git>

Alternatively, you can download the zip file of your project by clicking on the Code button on the right side of your project page and clicking on Download ZIP

Usage

To run the project, execute the following command: Locate the folder where you cloned your project to and open the index.html file in your browser to view the project.

Run tests

To run tests, run the following command:

• No tests at the moment.

👥 Authors

👤 Jean Walner ALEXIS

• GitHub: @githubhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Make some changes]
• [Code Review]

(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, let me know in my email: jeanwalneralexis@yahoo.com, please!

(back to top)

🙏 Acknowledgments

• Microverse
• Coding Partners
• Code Reviewers

(back to top)

❓ FAQ

• [How much times did you spend to build this project?]

  • [Only 75 hours.]

(back to top)

📝 License

This project is MIT

(back to top)