[x] Set up a new project with webpack that is based on the webpack exercise you have already completed.
[x] Create an index.html file and write your HTML markup here. Create an empty To Do List placeholder (<div> or <ul> element). The index.html file must be set as a template using the HTML Webpack Plugin.
[x] 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].
[x] Write a function to iterate over the tasks array and populate an HTML list item element for each task.
[x] On page load render the dynamically created list of tasks in the dedicated placeholder. The list should apear in order of the index values for each task.
[x] Create a style.css and set rules for the To Do List. CSS must be loaded by Webpack Style/CSS Loader. Your list should be a clone of the part of the minimalist project captured in the video below.
[x] All your source files (index.html, index.js and style.css) must be located in /src directory and your distribution files will be generated by webpack and served by webpack dev server from /dist folder.
👋 Micronaut Reviewer
To Do list: list structure
Today, i'm working on the project first step :
Project requirements
<div>
or<ul>
element). The index.html file must be set as a template using the HTML Webpack Plugin.string
].bool
].number
].index
values for each task.Happy Review :)