📝 Simple To-Do-List App

A simple to-do list App built with HTML, Tailwind CSS and Javascript, allowing users to add, complete, and delete tasks efficiently.

Features

• Add new tasks ✅
• Mark Tasks as completed ❌
• Delete tasks 🗑️
• Responsive design <-- still in progress
• Local storage support- to persist tasks after refreshing

🖼️ Preview

Here is how the To-Do List looks

📂 Project structure

└── To-Do-List-WebApp/
├── index.html
├── README.md
├── src/  
│   ├── app.js  
│   ├── main.js  
│   └── style.css  
└── public/  
    ├── Cross.json  
    └── vite.svg  

🛠️ Technologies Used

• HTML → Structuring the to-do list
• Tailwind CSS → Styling for a sleek UI
• Javascript → Adding functionality (adding, deleting, and marking tasks)

📜 Usage

1. Clone the repository



git clone https://github.com/your-username/todo-list.git
cd todo-list

2. Open index.html in your browser.

🖥️ Demo

Live demo: Click here

How It Works

1. Type task in the input field.
2. Click "Add" to add the task to the list.
3. Click a task to mark it as completed (line-through).
4. Click the delete button to remove a task.

📌 Future Improvements

• Add drag & drop to reorder tasks.
• Implement local storage to save tasks even after closing the browser.
• Add a dark mode option.

Contributing

Feel free to fork this repository and add your own features!

License

This project is MIT licensed.