To Do list: list structure

[MarcoOquendoC]

To Do list: list structure

Hi good reviewer,

These are the changes proposed for the To Do list project:

For more detail refer to the README.md file.

Note: To check for different styles, I used some elements hard coded in the data array.

Project requirements

• Based webpack exercise you have already completed.

• Create an index.html with an empty To Do List placeholder.

• Set index.html 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). Each task object should contain three keys:

  • description [string].
  • completed [bool].
  • index: [number].

• Write a function to iterate over the tasks array and populate an HTML list item element for each task.

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

• Create a style.css and set rules for the To Do List.

• CSS must be loaded by Webpack Style/CSS Loader.

• All source files (index.html, index.js and style.css) are located in /src directory.

• Distribution files are generated by webpack and served by webpack dev server from /dist folder.

[MarcoOquendoC]

Thank you @CollinsTatang,

I have already searched for a gif to make some changes. 🤣

[CollinsTatang]

That's great, you meet the project requirements Nevertheless you can still improve your work

[MarcoOquendoC]

I know,

Please give me some advice to make it better.