https://github.com/m-yasirghaffar/simple-todolist-using-localstorage

HTML CSS JAVASCRIPT TodoList web app that using local storage.
https://github.com/m-yasirghaffar/simple-todolist-using-localstorage

css html javascript localstorage todolist

Last synced: about 1 month ago
JSON representation

HTML CSS JAVASCRIPT TodoList web app that using local storage.

• Host: GitHub
• URL: https://github.com/m-yasirghaffar/simple-todolist-using-localstorage
• Owner: M-YasirGhaffar
• Created: 2023-07-29T00:14:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-29T00:15:51.000Z (over 1 year ago)
• Last Synced: 2024-08-16T19:00:01.351Z (4 months ago)
• Topics: css, html, javascript, localstorage, todolist
• Language: CSS
• Homepage: https://verdant-torte-fe6a65.netlify.app/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**Todolist App**

**Description:**

The Todolist App is a simple web application that allows users to create, manage, and organize their daily tasks. It provides an intuitive interface to add new tasks, mark them as completed, edit task descriptions, and delete tasks when they are no longer needed. The app is built using HTML, CSS, and JavaScript, making it easy to use and accessible across different devices.

**Features:**

1. **Add Task**: Users can add new tasks by typing the task description in the input field and clicking the "Add Task" button.

2. **Edit Task**: Each task in the list has an "Edit" button. Clicking on it enables users to edit the description of the corresponding task.

3. **Delete Task**: The "Delete" button associated with each task allows users to remove the task from the list.

4. **Horizontal Scroll for Long Messages**: If a task description is too long to fit in the available space, the task content will be horizontally scrollable to ensure all text is visible.

5. **Persistent Storage**: The app uses local storage to store tasks, ensuring that tasks persist even after the page is refreshed or closed.

6. **Responsive Design**: The app is designed to be responsive, adapting to different screen sizes and devices, providing a seamless user experience on both desktop and mobile devices.

**Hidden Features:**

1. **Long Press to Edit**: For touch-enabled devices, long-pressing a task will trigger the edit mode for that task, allowing users to quickly edit the description without clicking the "Edit" button.

2. **Drag and Drop**: Users can drag and drop tasks to reorder them according to their priority or preference. The reordered tasks will be automatically saved using local storage.

**Compatibility:**

The Todolist App is compatible with modern web browsers, including but not limited to Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, and others.

**Contributing:**

Contributions to the Todolist App are welcome! If you find any bugs, have feature suggestions, or want to improve the codebase, feel free to open an issue or submit a pull request.