Title

Task List (Module Based Approach)

Description

I must say that the code here in js folder is clean, organized and above-all REUSABLE. It's just PURE VANILLA JAVASCRIPT but the approach is based on modules structure, defined in ecma script.

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-module-based

Install with GITHUB CLI

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

Install with GITHUB PACKAGE.JSON

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

View Code Files

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

Deployment/Access instruction:-

To deploy this project LOCALLY FOLLOW FOLLOWING 2 STEPS:-

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

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

OR

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

Contact

• Suggestions/Doubts:- hostinental@gmail.com

Author

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