List Structure

[Juanse7793]

Here I add:

• All Webpack setup
• index.html in the src folder
• style.css in the src folder
• index.js in the src folder

Requirements

• I Set up a new project with webpack that is based on the webpack exercise that I have already completed.
• I Create an index.html file and wrote my HTML markup there. I Create an empty To-Do List placeholder. The
  index.html file is set as a template using the HTML Webpack Plugin.
• I Create an index.js file and set an array of some simple to-do tasks (array of objects). Each task object contains three keys:
  • description [string].
  • check [bool].
  • index: [number].
• I Wrote a function to iterate over the tasks array and populate an HTML list item element for each task.
• On page load, I render the dynamically created list of tasks in the dedicated placeholder. The list is appearing in order of the index values for each task.
• I Create a style.css and set rules for the To-Do List. CSS is loaded by Webpack Style/CSS Loader. My list is a clone of the part of the minimalist project captured in the video shown in the lesson.
• All my source files (index.html, index.js, and style.css) are be located in the /src directory and your distribution files are generated by webpack and served by the webpack dev server from the /dist folder.

[GzimAsani]

STATUS: APPROVED 💯

Thank you for implementing all the project requirements, you've done a great job. 🏆 There is nothing else to say other than... it's time to merge it 🍾 🎉 Congratulations

Cheers and Happy coding! 👏 💻 🍷
Feel free to leave any questions or comments in the PR thread if something is not 100% clear.

Optional suggestions

Every comment with the [OPTIONAL] prefix is not crucial enough to stop the approval of this PR. However, I strongly recommend you to take them into account as they can make your code better.

You can also consider:

• N/A

_As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.