Skip to content

README.md

Latest commit

 

History

History
62 lines (40 loc) · 2.16 KB

README.md

File metadata and controls

62 lines (40 loc) · 2.16 KB
Raw

📝 My TO-DO List App

Welcome to My TO-DO List, a sleek and intuitive to-do app built using HTML, CSS, and JavaScript. This app allows you to manage your daily tasks with ease — add new ones, mark them as completed, or delete them. Best of all, it uses Local Storage to make sure your tasks are saved even after refreshing or closing the browser tab!

🚀 Features

  • ✅ Add Tasks
    Easily add new tasks to your list by typing in the input box and clicking Add.

  • ✅ Mark as Complete
    Click the ✅ checkmark to strike through completed tasks for better organization.

  • ❌ Delete Tasks
    Remove any task instantly by clicking the ❌ delete button.

  • 💾 Local Storage Support
    All tasks are automatically saved in your browser’s local storage, so nothing gets lost on refresh.

  • 🎨 Modern & Clean UI
    A visually appealing, user-friendly interface built with pure HTML and CSS.

  • ⚡ Instant Interactivity
    Real-time task management using vanilla JavaScript with no external libraries.

🖼️ Screenshot

image

🛠 Tech Stack

  • HTML5 – App structure and content
  • CSS3 – Styling and layout
  • JavaScript (ES6) – Dynamic interactivity and logic
  • LocalStorage API – To persist tasks in the browser

📦 How to Use

Follow these simple steps to run the app locally:

🔧 Manual Setup

  1. Download or clone this repository: 
    git clone https://github.com/codebyheera/Todo-List-App.git

🌐 Optional: Run with a Live Server (Recommended)

For a smoother development and testing experience, you can run the app on a local web server:

  • If you use VS Code, install the Live Server extension.
  • Open the project folder in VS Code.
  • Right-click the index.html file and select Open with Live Server.
  • The app will open in your browser with live reload support, so any changes you make will update instantly.

👤 Author ~ Muhammad Subhan Naeem
Built with ❤️ by Heera | github.com/codebyheera