Basic To-Do List App

Basic To-Do List App is a simple web-based task management application built using HTML, CSS, and JavaScript. The application allows users to create, manage, and track daily tasks with data persistence using the browser’s local storage.

This project demonstrates fundamental frontend development concepts, including DOM manipulation, client-side state management, and persistent storage using JSON.

---

Project Overview

The application enables users to add tasks, mark them as completed, and delete them as needed. Task data is stored locally in the browser, ensuring that tasks remain available even after the page is refreshed.

The project focuses on simplicity, usability, and clean UI design.

---

Website Preview

---

Features

• Add new tasks
• Delete existing tasks
• Mark tasks as completed
• Persistent storage using browser localStorage
• Simple and responsive user interface
• Glassmorphism-inspired design

---

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• JSON-based task management using localStorage

---

Repository Structure

Basic-to-do-list/
├── index.html # Main application file
├── background.mp4 # Background media asset
└── README.md # Project documentation

---

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, or similar)

Installation

1. Clone the repository:

git clone https://github.com/mdasharaf07/Basic-to-do-list-.git

2. Navigate to the project directory.

---

Usage

Open the index.html file in a web browser.

You can add tasks, mark them as complete, or delete them. All tasks are automatically saved in local storage.

---

Intended Use

• Practice project for JavaScript fundamentals
• Demonstration of DOM manipulation and localStorage usage
• Beginner-friendly frontend portfolio project
• Task management application prototype

---

Limitations

• No user authentication
• Data is stored only in the local browser
• No backend or cloud synchronization
• Limited task metadata (no due dates or categories)