Task Management

 Task Management Using Local Storage

The Languages used in this project are html, Bootstrap CSS and java script as the frontend and the backend is Local storage.

local Storage is a property that allows JavaScript sites and apps to save key-value pairs in a web browser with no expiration date. This means the data stored in the browser will persist even after the browser window is closed.

To use local Storage in your web applications, there are five methods to choose from:

1. setItem(): Add key and value to localStorage
2. getItem(): This is how you get items from localStorage
3. removeItem(): Remove an item by key from localStorage
4. clear(): Clear all localStorage
5. key(): Passed a number to retrieve the key of a localStorage

  About the Project

In this project the special feature which is used is modal . The modal is same as pop up menu it plays major role in the web page but does not take space in the web page. In this project modal plays major role in adding the tasks but it does not take space in the actual web site as shown in the figure below

The tasks which are added are stored in the form of cards and saved in local storage as objects as shown in the figure below

                                                 Tasks:

Local Storage:

To clone the git repository of this project click here 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1389870630580192"

     crossorigin="anonymous"></script>