https://github.com/lakshayd02/todo-list-app
A "To-Do List" App designed using HTML, CSS and JavaScript to organize and prioritize your tasks.
https://github.com/lakshayd02/todo-list-app
css css3 dom font-awesome google-fonts html html5 javascript
Last synced: 6 months ago
JSON representation
A "To-Do List" App designed using HTML, CSS and JavaScript to organize and prioritize your tasks.
- Host: GitHub
- URL: https://github.com/lakshayd02/todo-list-app
- Owner: LakshayD02
- Created: 2023-08-26T16:32:56.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-31T11:21:57.000Z (8 months ago)
- Last Synced: 2025-04-15T16:18:35.004Z (6 months ago)
- Topics: css, css3, dom, font-awesome, google-fonts, html, html5, javascript
- Language: CSS
- Homepage: https://todoapp-lakshay.netlify.app/
- Size: 297 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToDo-List-App
**Description:**
This project demonstrates how to create a fully functional to-do list web application using core web technologies. It provides a practical example of DOM manipulation, event handling, and local storage integration in JavaScript. Users can add tasks, mark them as complete, edit existing tasks, and delete tasks, all within a visually appealing and intuitive interface.
**Features:**
* **Add Tasks:** Users can add new tasks to the list by typing them into an input field and pressing Enter or clicking an "Add" button. ➕
* **Delete Tasks:** Tasks can be deleted individually by clicking a delete button associated with each task. 🗑️
* **Mark as Complete:** Users can mark tasks as complete by clicking a checkbox or similar indicator next to each task. ☑️
* **Responsive Design:** The application is designed to be responsive and adapt to different screen sizes, providing a consistent experience across devices. 📱💻
* **Clean and Intuitive Interface:** The user interface is designed to be clean, simple, and easy to navigate, making task management effortless. ✨
* **CSS Styling:** Uses CSS to style the to-do list, making it visually appealing and user-friendly. 🎨
**Technologies Used:**
* **HTML:** Provides the structure and content of the web page.
* **CSS:** Styles the elements of the to-do list, controlling its appearance.
* **JavaScript:** Adds interactivity and dynamic functionality, handling user input, updating the list, and managing local storage.
**Ideal For:**
* Learning about DOM manipulation and event handling in JavaScript. 📚
* Building interactive web applications. 💡
* Creating practical tools for task management. 🛠️
* Understanding local storage and data persistence in the browser. 💾
**To Run:**
1. Clone the repository. ⬇️
2. Open the `index.html` file in your web browser. 🌐