A simple to-do list application to manage tasks, built with HTML, CSS, and JavaScript. It allows users to add, remove, and mark tasks as completed. The tasks are saved in the browser's localStorage so they persist even after the page is reloaded.
- ✅ Add tasks: Easily add tasks to your to-do list.
- 🗑️ Delete tasks: Remove tasks from the list with a click of a button.
- ✔️ Mark tasks as completed: Click on a task to mark it as completed.
- 💾 Save tasks: Tasks are saved in the browser’s localStorage so they are persistent across page reloads.
- HTML: Structure of the web page.
- CSS: Styling and layout for the application.
- JavaScript: Functionality for adding, deleting, and marking tasks as completed. Also, stores tasks in localStorage.
-
Clone the repository:
git clone https://github.com/saleh-coder/ToDo-List.git
-
Navigate to the project folder:
cd ToDo-List -
Open the project:
- Open the project in your favorite code editor (e.g., Visual Studio Code).
- Alternatively, you can open the
index.htmlfile directly in a browser to see the project in action.
- Open
index.htmlin your browser. - Add tasks to your to-do list using the input field and the "Add Task" button.
- Mark tasks as completed by clicking on them.
- Delete tasks by clicking the "Delete" button next to them.
- Tasks will be saved in
localStorage, so they persist even after a page refresh.
Feel free to fork this repository, open issues, and submit pull requests if you want to improve the project.
- 🍴 Fork this repository.
- 🌿 Create a new branch (
git checkout -b feature/your-feature). - ✏️ Make your changes.
- 📝 Commit your changes (
git commit -am 'Add your feature'). - ⬆️ Push to your branch (
git push origin feature/your-feature). - 🔀 Open a pull request.
This project is open-source and available under the MIT License.
- 💾 localStorage for task persistence.
- 🌐 HTML5, CSS3, and JavaScript for the core technologies used in this app.