https://github.com/whisperedshadow/to-do

A simple to-do list application with features for adding, updating, deleting tasks, and persistent data storage using localStorage.
https://github.com/whisperedshadow/to-do

localstorage task-manager to-do to-do-app web-application

Last synced: 7 months ago
JSON representation

A simple to-do list application with features for adding, updating, deleting tasks, and persistent data storage using localStorage.

• Host: GitHub
• URL: https://github.com/whisperedshadow/to-do
• Owner: WhisperedShadow
• Created: 2024-11-27T02:02:24.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-11-27T02:43:06.000Z (11 months ago)
• Last Synced: 2025-01-21T07:13:54.051Z (9 months ago)
• Topics: localstorage, task-manager, to-do, to-do-app, web-application
• Language: JavaScript
• Homepage: https://whisperedshadow.github.io/to-do/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📝 To-Do List Website

This is my first web development project—a simple **To-Do List** application built using **HTML**, **CSS**, and **JavaScript**. The app allows users to manage their tasks efficiently, with features for creating, updating, and deleting tasks. All data is stored in **localStorage**, making it persistent even after refreshing the page.

## 🌟 Features

- **Add "Works"**: Create sections for different categories of tasks.

- **Manage Tasks**: Each section includes:

  - Task input and display fields.

  - Options to **check off**, **update**, and **delete** tasks.

- **LocalStorage Support**: Data, including works, tasks, and their completion status, is saved locally on the user's browser.

- **Responsive Design**: Works well on desktop and mobile devices.

## 🛠️ Technologies Used

- **HTML**: For structuring the webpage.

- **CSS**: For styling and layout.

- **JavaScript**: For dynamic functionality.

- **localStorage**: For data persistence.

## 🚀 Hosted Link

Check out the live version here: [To-Do List Website](https://whisperedshadow.github.io/to-do/)

## 📚 Lessons Learned

- How to manipulate the DOM with JavaScript.

- Using **localStorage** for persistent data storage.

- Building interactive features like checkboxes, delete buttons, and input fields.

- Structuring and styling a web project from scratch.

## 🤝 Feedback

I’d love to hear your thoughts and suggestions! Feel free to open issues or contribute improvements.

## 🖊️ Author

- **Durai Pon Singh**  

  - [LinkedIn](https://www.linkedin.com/in/d-durai-pon-singh/)  

  - [GitHub](https://github.com/WhisperedShadow)