Title

Task List (Promise Based Approach)

Description

The structure here in js folder is organized and reusable. It's just PURE VANILLA JAVASCRIPT but the approach is promise based, defined in ecma script. Moreover, I also have used mutation observer api that actually keep an eye on dom for changes. And if found one, it fires the script specified within the if block.

Structure

This project consists of 2 basic files.

1) html file

2) style.css

and js folder that contains 3 files

3) index.js file

4) functions.js file

5) events.js file

1. The index.html file consists of table-based-skeleton-structure and is bootstrap based. The table-head holds the task-creation phase, whereas the table-body contains the created tasks' list.
2. The major part of html skeleton is dressed with the help of Bootstrap, however some minor fine tunnings(related to colours,typography etc.etc accross various devices ) are achieved with the help of css.
3. The js folders manages the whole functionality of this site. The script is mainly responsible for •Form-Handling, •Handling attached Events, •Accessing and Manipulating DOM,etc,etc.

a) index.js (entry point for all js with access to dom with type of module.)

b) events.js (It was created to create modules(reusable functions) that can attach events to elements and do the task mentioned in the callback function when the event gets fired)

c) function.js (This file hold the functions that can be invoked to make repeated tasks easier)

Features

• Fully Responsive

• Attractive Design

• Animations

• Full Source Code

• Cross Browser Compatible

• ISC Licensed

Installation

Please make sure you are in the directory where you want to install the package and choose one of the following installation methods:-

Install with NPM

  npm i @prashantbhambhani12/tasklist-promise-based

Install with GITHUB CLI

  npm install @prashantbhambhani12/tasklist-promise-based@1.0.0

Install with GITHUB PACKAGE.JSON

"@prashantbhambhani12/tasklist-promise-based": "1.0.0"

View Code Files

https://github.com/prashantbhambhani12/Task-List-Promise-based-Approach-

Deployment/Access instruction:-

To deploy this project LOCALLY FOLLOW FOLLOWING 2 STEPS:-

1) INSTALL VIA NPM
 npm i @prashantbhambhani12/tasklist-promise-based

2) open path/to/directory/node_modules/tasklist-promise-based
and run the file in browser with live server enabled.

OR

Navigate to --> https://hostinental.com/Promises/

Contact

• Suggestions/Doubts:- hostinental@gmail.com

Author

• GH:- @prashantbhambhani12
• NPM:-@prashantbhambhani12