TodoList is an application to set up daily activities. It provides users with list of different task that can be executed . Once a task completed user can easily remove it from the list. TodoList app also provides a function that enable user to drag a task over another. It's basically made with javascript.
Set up a new project with webpack that is based on the webpack.
Create an index.html file and write your HTML markup here. Create an empty To Do List placeholder (
or
element). 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). 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. Your list should be a clone of the part of the minimalist project captured in the video below.
element). 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). 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. Your list should be a clone of the part of the minimalist project captured in the video below.