To Do App

A simple To Do App created by HTML, CSS, Bootstrap, and JavaScript.

Introduction

This app is designed to help users to organize their tasks efficiently.

Installation

To run the app locally, follow these steps:

• Clone this repository to your local machine.
• Open the "index.html" file in your preferred web browser.

Usage

1. Open the app using the provided link below or by running it locally.
2. Use the input field to add new tasks. Duplicate tasks will trigger an alert.
3. Click the "Done" button to mark a task as completed, or "Undone" to mark it as incomplete.
4. To delete a single task, click the "Delete" button next to the task. To delete all tasks, click the "Delete All" button.

Storage: The app utilizes local storage of the browser to store task data. Task values and their status (done/undone) are stored in two separate local storage arrays. This ensures that when you reload the page or revisit it, your task list and the status of each task remain unchanged.

Technology Stack

• HTML: Used for structuring the web pages.
• CSS: Used for styling the app's layout and design.
• Bootstrap: Utilized for responsive design and pre-styled components.
• JavaScript: Used to add interactivity and functionality to the app.

Live Demo

Test the app live here.

App Screenshots

Screenshot-1

Screenshot-2